首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在使用"defer“属性时,是否有必要将脚本放在页面的底部?

在使用"defer“属性时,是否有必要将脚本放在页面的底部?
EN

Stack Overflow用户
提问于 2012-09-14 07:39:59
回答 3查看 5.9K关注 0票数 29

我总是把我的脚本标记放在页面的底部,因为在HTML/CSS和文本加载完成后加载脚本是一种好的做法。我刚刚发现了defer属性,它基本上做了同样的事情,那就是在获取和执行脚本之前,它会等待页面完成加载。

因此,如果使用defer属性,是否有必要在物理上将脚本标记放在页面的底部,而不是放在头标记内?

我发现为了提高可读性,最好将脚本标记放在head部分中。

代码语言:javascript
复制
<script src="script.js" defer="defer"></script>

代码语言:javascript
复制
<script defer="defer">

// do something

</script>
EN

Stack Overflow用户

发布于 2012-09-14 07:43:40

首先,并不是所有的浏览器都支持defer属性(一些支持它的浏览器只是忽略它)。将脚本放在页面底部可以确保在脚本执行之前,它上面的所有HTML元素都已加载到DOM中。另一种方法是使用onload方法或使用jQuery的DOM ready函数。

票数 2
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12416307

复制
相关文章

相似问题

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