script 标签有哪些属性
- async
- defer
- integrity
- src
- type
- text
- crossorigin
区别如下
如图可知,async不影响页面解析过程,但是加载完成执行过程会终止parsing; 而defer是在过程中加载,等到页面解析完成后才执行。
要注意,async无法确定顺序,比较适合不依赖dom结构的,而defer则是顺序执行
其他的方式
- 动态创建script标签
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "file1.js";
document.getElementByTagName("head")[0].appendChild(script);
动态创建的script无论在何时执行创建,其源js均会在最后执行