Question

我的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控制台会显示错误“未捕获错误：INDEX_SIZE_ERR：DOM异常1”。但我意识到只有在localhost上运行它才会出现错误（我使用xampp的apache作为localhost）。如果我像普通文件一样运行：//，它会成功而没有任何错误

Answer 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);   
           }

Javascript未捕获错误：Chrome上的INDEX_SIZE_ERR：DOM例外1

1 个答案: