JS复习之JavaScript引入注意事项

Posted 2020-10-13 我思固我在

笔记:

1.<script>标签常用属性

　　一.async表示应该立即下载，但不妨碍其他资源或等待加载其他脚本，只对外部文件有效

　　二.defer表示脚本可以延迟到文档完全被解析和显示后再执行，只对外部文件有效

　　三.src表示要执行代码的外部文件

2.标签位置

　　传统的做法是放入head标签中，但是这样会影响页面的加载，在加载过程中页面是一片空白，为避免这个问题一般将代码javascript引用放在body元素中页面内容的后

3.延迟脚本

　　通过defer来立即下载，但是延迟执行，也就是等浏览器遇到了</html>标签再执行，html5规范要求它们出现的先后顺序执行，因此第一个延迟脚本会先于第二个延迟脚本执行，但是在现实中不一定会按顺序执行，也不一定会在DOMContentLoaded事件触发前执行，因此最好只包含一个

4.异步脚本

　　异步加载脚本，异步脚本一定会在load事件前执行，但可能会在DOMContentLoaded事件触发之前或之后执行