首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML页面中JS执行的顺序

HTML页面中JS执行的顺序
EN

Stack Overflow用户
提问于 2011-06-18 21:31:52
回答 1查看 1.4K关注 0票数 5

假设我有这样的东西

代码语言:javascript
复制
<script type="text/javascript" src="somefile.js"></script>
<div>something</div>
<script type="text/javascript">
// Some INLINE javascript
</script>

是否保证(所有浏览器)在执行内联js代码时,两个somefile.js都已加载,并且可以在它之前的div上操作?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-06-18 21:38:52

可以保证您可以从somefile.js访问代码。

然而,DOM目前还没有准备好,所以您不能访问div。如果您希望这样做,请使用以下结构:

代码语言:javascript
复制
<div>something</div>
<script type="text/javascript">
// document.write calls go here, not in onReady

function onReady() {
    document.getElementsByTagName('div')[0].setAttribute('class', 'loaded');
    // Or other inline JavaScript
}

if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', onReady, false);
} else {
    window.onload = onReady;
}
</script>

jQuery极大地简化了它,您只需编写

代码语言:javascript
复制
$(function() {
   // inline code ...
});
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6396364

复制
相关文章

相似问题

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