写一个加载远程js的函数,function loadJSFn(sucCb,failCb){}, 要考虑到低端浏览器的兼容性;

function loadJSFn(url, sucCb, failCb) {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = url + (url.indexOf('?') === -1 ? '?' : '&') + 'random=' + Math.random();
  if (typeof sucCb === 'function') {
    if (script.readyState){ // IE
      script.onreadystatechange = function(){
        if (script.readyState == "loaded" || script.readyState == "complete"){
          script.onreadystatechange = null;
          sucCb();
        }
      };
    } else { // Other browsers
      script.onload = function() {
        sucCb();
      };
    }
  }
  if (typeof failCb === 'function') {
    script.onerror = function() {
      failCb();
    };
  }
  document.body.appendChild(script);
}

为了提高加载远程 JS 的函数的兼容性,你可以考虑以下几点:

  1. 使用 async 和 defer 属性

在创建 <script> 元素时,为了避免阻塞页面的渲染和响应,你可以添加 asyncdefer 属性。async 属性告诉浏览器可以异步加载该脚本,不会阻塞页面的加载和渲染;而 defer 属性告诉浏览器在 HTML 解析完成后再执行脚本,这样可以保证脚本在正确的上下文中运行,并且不会影响页面的渲染。

  1. 处理 onload 和 onerror 事件

除了使用 addEventListener 方法处理 loaderror 事件外,你还可以使用 DOM 元素的 onloadonerror 属性来处理这些事件。这种方式更加兼容旧版浏览器。

  1. 将脚本插入到 body 中

有些浏览器或环境可能不支持将脚本插入到头部(head)中,因此你可以尝试将脚本插入到 body 中。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值