Question

我有一个看起来像这样的html文件。

<head>

    <script>
        document.onready
        {
            document.getElementById("demo").innerHTML="Works";
        }
    </script>

</head>

<body>
    <div id="demo">
    </div>
</body>

当我将脚本标记放在页面底部时，一切正常。但是当我将脚本放在<head></head标签中时，它不起作用。我想它无法访问脚本下面的元素。

在像StackOverflow这样的很多网站上，JavaScript处于头标。那么它如何能够访问它下面的HTML元素呢？

我现在该怎么办？我应该将我的脚本移到底部，还是有一种方法可以让JavaScript访问它下面的元素？

Answer 1

尝试使用以下内容：

window.addEventListener('load', function() { document.getElementById("demo").innerHTML="Works"; }, false);

Answer 2

你从哪里得到document.onready？这将永远不会工作。

要确保加载页面，您可以使用window.onload;

window.onload = function () {
    document.getElementById("demo").innerHTML="Works";
}

Answer 3

您的语法不正确。

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

window.onload = function () {
  //code to run when page AND images loaded
}

头标记中的JavaScript

3 个答案: