script标签的六个属性(src、 type、charset、language、defer、async )
1、src:可选,链接外部文件2、 type :用script元素嵌入js代码记得要加type="text/javascript"<script src="" type="text/javascript" charset="utf-8"></script>3、charset:字符编码属性,可选。默认是utf-8编码,主要表示通过src属性指定的代码的字符集,大多浏览器会忽略
1、src:可选,链接外部文件
2、 type :用script元素嵌入js代码记得要加type="text/javascript"
<script src="" type="text/javascript" charset="utf-8"></script>
3、 charset:字符编码属性,可选。默认是utf-8编码,主要表示通过src属性指定的代码的字符集,大多浏览器会忽略它的值,所以不必使用。
4、language:脚本类型属性,不是标准组成的一部分,已废弃。大多数浏览器会忽略这个属性,已没必要使用。
5、defer:如果script标签设置了该属性,则浏览器会异步的下载该文件并且不会影响到后续DOM的渲染;
如果有多个设置了defer的script标签存在,则会按照顺序执行所有的script;
defer脚本会在文档渲染完毕后,DOMContentLoaded事件调用前执行。
6、async
async的设置,会使得script脚本异步的加载并在允许的情况下执行
async的执行,并不会按着script在页面中的顺序来执行,而是谁先加载完谁执行。
ps:defer和async的区别
①defer和async都属于异步加载, defer会比async稳定。
②defer是延迟执行(推迟解释,当前html页面解析完成后执行)js,async是当前js文件加载完成后执行js
更多推荐
所有评论(0)