into-piece / Step-By-Step

每天一题向前端架构师前进
4 stars 1 forks source link

异步加载 js 脚本的方法有哪些? #5

Open into-piece opened 5 years ago

into-piece commented 5 years ago
  1. 动态创建script标签,可通过script的onreadyState监视加载。
  2. html5新增的async属性:可跟其他内容并行下载,限制ie9以上,只能加载外部js脚本。
  3. html4的defer,作用与async相同,兼容更好一点,但async只要加载完可立即执行,defer需等待在dom加载完毕后执行,在window.onload之前,其他没有添加defer属性的script标签之后。
  4. 利用XHR异步加载js内容并执行。
  5. iframe方式。