Javascript 未捕获错误：INDEX_SIZE_ERR：Chrome 上的 DOM 异常 1答案

【问题标题】：Javascript Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1 on ChromeJavascript 未捕获错误：INDEX_SIZE_ERR：Chrome 上的 DOM 异常 1
【发布时间】：2013-01-24 13:15:18
【问题描述】：

我的 HTML 文件

<!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);

我不明白为什么当我点击测试按钮时，Chrome 的控制台显示错误 "Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1" 。但是我意识到只有在本地主机上运行它时才会出现错误（我使用 xampp 的 apache 作为本地主机）。如果我正常运行 file:// ，它会成功而没有任何错误

【问题讨论】：

实际上 hello.js 必须在你的 html 文件的底部。

标签： javascript dom button addeventlistener

【解决方案1】：

对我来说很好用……

但是任何方式请使用 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);   
           }

【讨论】：

谢谢你。我检查了，也许 chrome 与插件或其他任何东西冲突......我以隐身模式 (Ctr + Shift + N) 运行 chrome，它没有任何错误。