2013-01-24 43 views
0

DOM異常1我的HTML文件的Javascript未捕獲的錯誤:INDEX_SIZE_ERR:在Chrome

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
</head> 
<body> 
    <p>Hello World</p> 
    <script type="text/javascript" src="hello.js"></script> 
</body> 
</html> 

我的JavaScript文件

var button = document.createElement("button"); 
button.id = "test"; 
button.innerHTML = "Test"; 
button.addEventListener("click", function() { 
    alert("hello"); 
}); 
var body = document.body; 
body.appendChild(button); 

我不明白,爲什麼當我點擊測試按鈕,鍍鉻的顯示器控制檯錯誤「未捕獲錯誤:INDEX_SIZE_ERR:DOM例外1」。但我意識到,只有當我在本地主機上運行它時出現錯誤(我使用xampp的apache作爲本地主機)。如果我運行正常文件://,它的成功沒有任何錯誤

+0

實際上hello.js必須在你的HTML文件的底部。 –

回答

0

它工作正常,我....

但是請使用的window.onload函數從JavaScript做任何東西,任何方式。

所以做這樣的事情

window.onload = function(){ 
     var button = document.createElement("button"); 
     button.id = "test"; 
     button.innerHTML = "Test"; 
     button.addEventListener("click", function() { 
      alert("hello"); 
     }); 
     var body = document.body; 
     body.appendChild(button); 
      } 
+0

謝謝你。我檢查了一下,也許Chrome插件或其他任何東西......我用隱身模式(Ctr + Shift + N)運行chrome,它沒有任何錯誤。 –