我有一个看起来像这样的 html 文件。
<head>
<script>
document.onready
{
document.getElementById("demo").innerHTML="Works";
}
</script>
</head>
<body>
<div id="demo">
</div>
</body>
当我将脚本标签放在页面底部时，一切正常。但是当我将脚本放入<head></head标签时，它不起作用。我猜它无法访问脚本下方的元素。
在 StackOverflow 等许多网站上，JavaScript 位于 head 标签中。那么它如何能够访问它下面的 HTML 元素呢？
我现在该怎么办？我应该把我的脚本移到底部还是有一种方法可以让 JavaScript 访问它下面的元素？
尝试使用这样的东西：
window.addEventListener('load', function() { document.getElementById("demo").innerHTML="Works"; }, false);
你从哪里来document.onready的？那永远行不通。
为确保页面已加载，您可以使用window.onload;
window.onload = function () {
document.getElementById("demo").innerHTML="Works";
}
你的语法不正确。
document.ready= function () {
//code to run when page loaded
}
window.onload = function () {
//code to run when page AND images loaded
}