js补充30-异步加载js

javascript异步加载的三种方案

1.deder异步加载,但要等到dom文档全部解析完才会被执行。只有IE能用,也可以将代码写到内部。

2.async异步加载,加载完就执行,async只能加载外部脚本,不能把js写在Script标签里。

1.2执行时也不阻塞页面

3.创建script,插入的DOM中,加载完毕后callBack。

function loadScript(url,callback){
      var script=document.createElement("script");
script.type="text/javascript";
if(script.readyState){
      script.onreadystatechange=function(){//ie
if(script.readyState=="complete"||script.readystate=="loaded"){
callback();
}
}
}else{
script.onload=function(){//Safari chrome firefox opera
callback();
}
}
script.src=url;
document.head.appendChind@(script);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,887评论 1 45
  • 本文总结一下浏览器在 javascript 的加载方式。关键词:异步加载(async loading),延迟加载(...
    4ea0af17fd67阅读 1,118评论 0 2
  • 数据结构与算法 栈和队列的区别 网络基础 HTTP 无状态怎么理解 可以从REST的角度来理解这个问题。我们知道R...
    笑极阅读 748评论 1 5
  • 首先我们先来看一下Script标签的各项属性: script标签也支持HTML中的全局属性: 下面我们来看看一看j...
    tobAlier阅读 1,282评论 0 2
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,157评论 0 2

友情链接更多精彩内容