經過onclick（“ open（）”）事件后，html頁面消失了

Question

我寫了一個HTML

html>
<head>

</head>
<body>
    <span onclick = "open()">open</span>

<script src= "script.js"></script>
</body>
</html>

和JavaScript作為

function open(){

   var id = "10";

}

每當我在瀏覽器中單擊打開的文本時，整個頁面就會消失。 是“打開”的javascript保留字，與它起作用的任何方法名稱一樣（屏幕不會消失）。 只是想知道幕后發生了什么。 任何信息表示贊賞。

Answer 1

我最近實際上遇到了一個類似的問題-發生這種情況的原因是因為open()被解釋為window.open() 。 當沒有參數傳遞給該函數時，它將導航到空白窗口。

您可能可以通過將腳本放在首位來規避此問題，但是更好的建議是為函數命名更有意義。

旁注：不確定瀏覽器之間的行為是否相同，但是在Google Chrome瀏覽器中，調用open()將打開一個新選項卡。

Answer 2

作為一般規則，如果以這種方式編程，將會有很多沖突-您需要更加模塊化-使用object / json進行命名間隔

<html>
   <body>
      <span onclick = "mylibrary.open()">open</span>

      <script src= "script.js"></script>

   </body>

</html>

和JavaScript作為

var mylibrary = {
   open : function(){
      var id = "10";

   }

}

大概...