浏览器性能提升--js加载优化

动态加载js脚本函数封装
优点:js代码加载不阻塞浏览器其他的执行

function loadScript(url,fn){
  var oScript = document.createElement('script');
  script.src=url;
  document.getElementsByTagName('head')[0].appendChild(oScript);
  if(window.addEventListener){//高版本浏览器
     oScript.onload = function(){
        fn && fn();
      }   
   }else{//IE低版本浏览器
      oScript.onreadystatechange = function(){
          if(oScript.readyState='loaded' || oScript.readyState='compltet'){
            oScript.onreadychange = null;
             fn && fn();
          }
        }
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在es6之前,js不像其他语言自带成熟的模块化功能,页面只能靠插入一个个script标签来引入自己的或第三方的脚本...
    zenggo阅读 3,407评论 0 51
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,155评论 25 708
  • 在这个前端用户体验越来越重要的时代,你的页面稍微有点卡顿,都难以挽留用户。而作为一名有追求的前端,势必要力所能及地...
    SCQ000阅读 3,857评论 0 52
  • 曾几何时,我们原本美丽的家园变了样,曾几何时千辛万苦养育人类的地球妈妈哭泣了。 你看见了吗?原本清...
    爱安然阅读 557评论 0 5
  • 今天是圣诞节前的"平安夜",很多朋友吃着苹果,享受着节日的快乐,一周后"元旦"来临,昨晚闲遐之时写下《元旦生命的成...
    布衣姚阅读 550评论 0 0