首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >head标签中的JavaScript

head标签中的JavaScript
EN

Stack Overflow用户
提问于 2013-03-08 03:22:30
回答 3查看 300关注 0票数 2

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

代码语言:javascript
代码运行次数:0
运行
复制
<head>

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

</head>

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

当我把脚本标记放在页面的底部时,一切都很正常。但是当我把这个脚本放到<head></head标签中时,它不起作用。我猜它不能访问脚本下面的元素。

在许多像StackOverflow这样的网站上,JavaScript都在头标签里。那么它如何能够访问它下面的HTML元素呢?

我现在该怎么做?我应该把我的脚本移到底部吗?或者有没有办法让JavaScript访问它下面的元素?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-03-08 03:25:25

试着使用这样的东西:

代码语言:javascript
代码运行次数:0
运行
复制
window.addEventListener('load', function() { document.getElementById("demo").innerHTML="Works"; }, false);
票数 3
EN

Stack Overflow用户

发布于 2013-03-08 03:25:40

你从哪里弄到document.onready的?这将永远不会工作,。

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

代码语言:javascript
代码运行次数:0
运行
复制
window.onload = function () {
    document.getElementById("demo").innerHTML="Works";
}
票数 2
EN

Stack Overflow用户

发布于 2013-03-08 03:28:18

您的语法不正确。

代码语言:javascript
代码运行次数:0
运行
复制
document.ready= function () {
  //code to run when page loaded
}

window.onload = function () {
  //code to run when page AND images loaded
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15279920

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档