前端开发

 首页 > 前端开发 > javascript > 如何异步加载javascript文件

如何异步加载javascript文件

分享到:
【字体:
导读:
          本章讲解,如何异步加载javascript文件 使用方法: (function(){__safeLoadScript(http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js,function(){alert(jQuery);});})(); JavaScript实现代码: window.__safeLoadScript...

本章讲解,如何异步加载javascript文件

使用方法:

(function() {
  __safeLoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", function() {
    alert(jQuery);
  });
})();

JavaScript实现代码:

window.__safeLoadScript = function(src, callback) {
  function addEvent(obj, type, fn) {
    if (obj.attachEvent) {
      obj['e' + type + fn] = fn;
      obj[type + fn] = function() { obj['e' + type + fn](window.event); }
      obj.attachEvent('on' + type, obj[type + fn]);
    } else
      obj.addEventListener(type, fn, false);
  }
  function async_load(src, callback) {
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    var protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
    s.src = protocol + src;
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
    s.onload = s.onreadystatechange = function() {
      if(callback && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {
        callback();
      }
    };
  }
  addEvent(window, "load", function() { 
    async_load(src, callback);
  });
};


分享到:
js/javascript实现关闭页面提示信息
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) window.onbeforeunload = function(){ return "您的文章尚未保存!"; } 如果在退出页面时需要弹出对话框,提示用户将要退出页面...
javascript传参数的四种形式
这篇文章是在日常的工作中总结出来的,下面把四种参数传递的形式展示给大家。 什么时候用GET,  查,删, 什么时候用POST,增,改  (特列:登陆用Post,因为不能让用户名和密码显示在URL上) 4种get传参方式               function Go() {     window.location.href="localhost:21811/Handler1.ashx?...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……