未捕获的Javascript错误：INDEX_SIZE_ERR：Chrome上的DOM异常1
[英]Javascript Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1 on Chrome
问题描述
My HTML file 
我的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>
My javascript file 我的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);
I don't understand why when I click Test button, console of Chrome displays error "Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1" . 我不明白为什么当我单击“测试”按钮时，Chrome的控制台显示错误“未捕获的错误：INDEX_SIZE_ERR：DOM异常1” 。 But I realize that error appears only if I run it on localhost (I use apache of xampp as localhost) . 但是我意识到只有在本地主机上运行该错误才会出现（我使用xampp的apache作为本地主机）。 If I run as normal file:// , it successes without any error 如果我以正常的file：//身份运行，那么它将成功而不会出现任何错误
1 个解决方案
解决方案1
-1 已采纳 2013-01-24 13:29:21
It works fine for me.... 这对我来说可以....
But any ways please use window.onload function to do any stuff from javascript. 但是，无论如何，请使用window.onload函数来执行javascript中的所有操作。
So do something like this 所以做这样的事情
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);
}
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.