JS复习之JavaScript引入注意事项

笔记:

1.<script>标签常用属性

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

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

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

2.标签位置

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

3.延迟脚本

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

4.异步脚本

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

原文地址:https://www.cnblogs.com/myzsy/p/7783862.html