0

我的 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:// ，它会成功而没有任何错误

4

1 回答 1

-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);   
           }
于 2013-01-24T13:29:21.363 回答