script标签有几种写法

spark1e ·

script 标签有哪些属性

  • async
  • defer
  • integrity
  • src
  • type
  • text
  • crossorigin

区别如下

script标签属性区别

如图可知,async不影响页面解析过程,但是加载完成执行过程会终止parsing; 而defer是在过程中加载,等到页面解析完成后才执行。

要注意,async无法确定顺序,比较适合不依赖dom结构的,而defer则是顺序执行

其他的方式

  1. 动态创建script标签
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "file1.js";
document.getElementByTagName("head")[0].appendChild(script);

动态创建的script无论在何时执行创建,其源js均会在最后执行

script标签有几种写法
本文作者
spark1e
发布于
2019-08-16
许可协议
转载或引用本文时请遵守许可协议,注明出处、不得用于商业用途!
评论区 - Powered by Giscus