美文网首页
js补充30-异步加载js

js补充30-异步加载js

作者: 常婧帅 | 来源:发表于2018-08-27 09:17 被阅读0次

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);
}

相关文章

  • js补充30-异步加载js

    javascript异步加载的三种方案 1.deder异步加载,但要等到dom文档全部解析完才会被执行。只有IE能...

  • js加载同步还是异步? JSONP原理?

    1、浏览器端的js加载默认是同步还是异步?同步,可以人为设置异步;async让js异步加载,需要每个script标...

  • 系统源码简析

    同步加载 异步加载 页面的懒加载,只针对vue文件,js文件被放到app.js中了, 比如 share.js。 a...

  • java_Ajax

    Ajax:(asynchronous js and xml) 异步的js和xml 指的是一种交互方式 异步加载,客...

  • js面试题-3(ajax)

    1. 阐述一下异步加载 JS 异步加载的方案: 动态插入script标签 通过ajax去获取js代码,然后通过e...

  • JavaScript补充

    01-延迟和异步加载JS 如何延迟加载JS:defer defer:js脚本可以延迟到文档完全被解析后执行 如何异...

  • 同步按顺序动态加载JS

    我们知道, 现代主流浏览器(如chrome)加载js是异步执行的,会同时加载多个js,那么当我们需要在js中动态加...

  • require.js 的使用

    require.js 优点:1.异步加载文件 防止 html页面引入多个js 文件。 ...

  • Review JavaScript

    红宝书 综合 script加载js会阻塞渲染,标签中 fefer 指异步加载js,在文档load之后按顺序执行。a...

  • 浏览器加载机制&白屏和FOUC演示

    1、如何异步加载脚本? 一般情况下,浏览器在加载js文件时,会阻塞其他组件的加载,因为js可能会改变页面结构或js...

网友评论

      本文标题:js补充30-异步加载js

      本文链接:https://www.haomeiwen.com/subject/vlcziftx.html