确保页面中JS加载完全

最新推荐文章于 2020-06-26 11:25:00 发布

转载最新推荐文章于 2020-06-26 11:25:00 发布 · 405 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xingweb/p/4234011.html

文章标签：

#javascript #测试 #ViewUI

本文详细介绍了如何使用JavaScript在各种浏览器环境下（包括IE、Firefox、Chrome、Safari等）确保脚本的正确加载和执行，特别关注了针对不同浏览器特性的优化策略，以及如何利用事件监听和条件判断来实现跨浏览器兼容性。

var n = document.createElement("script");
n.type = "text/javascript";
//以上省略部分代码
//ie支持script的readystatechange属性
if(ua.ie){
   n.onreadystatechange = function(){
       var rs = this.readyState;
       if('loaded' === rs || 'complete'===rs){
           n.onreadystatechange = null;
           f(id,url); //回调函数
       }
};
//省略部分代码
//safari 3.x supports the load event for script nodes(DOM2)
   n.addEventListener('load',function(){
       f(id,url);
   });
//firefox and opera support onload(but not dom2 in ff) handlers for
//script nodes. opera, but no ff, support the onload event for link
//nodes.
}else{
   n.onload = function(){
       f(id,url);
   };
}