2

我有一个看起来像这样的 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 访问它下面的元素?

4

3 回答 3

3

尝试使用这样的东西:

window.addEventListener('load', function() { document.getElementById("demo").innerHTML="Works"; }, false);
于 2013-03-07T19:25:24.573 回答
2

你从哪里来document.onready的?那永远行不通

为确保页面已加载,您可以使用window.onload;

window.onload = function () {
    document.getElementById("demo").innerHTML="Works";
}
于 2013-03-07T19:25:39.560 回答
0

你的语法不正确。

document.ready= function () {
  //code to run when page loaded
}

window.onload = function () {
  //code to run when page AND images loaded
}
于 2013-03-07T19:28:17.650 回答