Javascript 无法从 header 工作

Question

我遇到的问题是简单的 Javascript 代码无法从 header 中的链接文件工作但例如在浏览器控制台中工作。代码是:

document.getElementById("displayname").onfocus = function(){alert("Hello");}

在 chrome 检查器中，我可以看到脚本文件已正确链接，我可以在源选项卡中访问它。我在加载的脚本文件中也遇到了这个错误。

未捕获的类型错误:无法设置 null 的属性“onfocus”

这里有什么问题吗？

Answer 1

这是因为您的代码试图访问 ID 为“displayname”的内容，而 DOM 尚未完成构建并且尚未处理您的(可能是输入的)对象所在的那部分。它从上到下处理/构建 dom。

将您的代码放在 </BODY> 正上方的页脚中标记，它会很好地工作，因为 DOM 将完成构建。