笔记:
1.<script>标签常用属性
一.async表示应该立即下载,但不妨碍其他资源或等待加载其他脚本,只对外部文件有效
二.defer表示脚本可以延迟到文档完全被解析和显示后再执行,只对外部文件有效
三.src表示要执行代码的外部文件
2.标签位置
传统的做法是放入head标签中,但是这样会影响页面的加载,在加载过程中页面是一片空白,为避免这个问题一般将代码JavaScript引用放在body元素中页面内容的后
3.延迟脚本
通过defer来立即下载,但是延迟执行,也就是等浏览器遇到了</html>标签再执行,html5规范要求它们出现的先后顺序执行,因此第一个延迟脚本会先于第二个延迟脚本执行,但是在现实中不一定会按顺序执行,也不一定会在DOMContentLoaded事件触发前执行,因此最好只包含一个
4.异步脚本
异步加载脚本,异步脚本一定会在load事件前执行,但可能会在DOMContentLoaded事件触发之前或之后执行
本文详细解析了HTML中<script>标签的使用技巧,包括async和defer属性的作用,以及如何优化JavaScript加载以提升网页性能。了解不同属性如何影响脚本执行时机,掌握正确放置JavaScript代码的方法。
1383

被折叠的 条评论
为什么被折叠?



