• 动态添加js的方法


    var Skip={};
    //获取XMLHttpRequest对象(提供客户端同http服务器通讯的协议)
    Skip.getXmlHttpRequest=function (){
    if ( window.XMLHttpRequest ) // 除了IE外的其它浏览器
    return new XMLHttpRequest() ;
    else if ( window.ActiveXObject ) // IE
    return new ActiveXObject("MsXml2.XmlHttp") ;
    },
    //导入内容
    Skip.includeJsText =function (rootObject,jsText){
    if ( rootObject != null ){
    var oScript = document.createElement( "script" );
    oScript.type = "text/javascript";
    //oScript.id = sId;
    //oScript.src = fileUrl;
    //oScript.defer = true;
    oScript.text = jsText;
    rootObject.appendChild(oScript);
    //alert(oScript.text);
    }
    },
    //导入文件
    Skip.includeJsSrc =function (rootObject, fileUrl){
    if ( rootObject != null ){
    var oScript = document.createElement( "script" );
    oScript.type = "text/javascript";
    oScript.src = fileUrl;
    rootObject.appendChild(oScript);
    }
    },
    //同步加载
    Skip.addJs=function(rootObject, url){
    var oXmlHttp = Skip.getXmlHttpRequest() ;
    oXmlHttp.onreadystatechange = function(){//其实当在第二次调用导入js时,因为在浏览器当中存在这个*.js文件了,它就不在访问服务器,也就不在执行这个方法了,这个方法也只有设置成异步时才用到
    if ( oXmlHttp.readyState == 4 ){ //当执行完成以后(返回了响应)所要执行的
    if ( oXmlHttp.status == 200 || oXmlHttp.status == 304 ){ //200有读取对应的url文件,404表示不存在这个文件
    Skip.includeJsSrc( rootObject, url);
    } else{
    alert( 'XML request error: ' + oXmlHttp.statusText + ' (' + oXmlHttp.status + ')' ) ;
    }
    }
    }
    //1.True 表示脚本会在 send() 方法之后继续执行,而不等待来自服务器的响应,并且在open()方法当中有调用到onreadystatechange()这个方法。通过把该参数设置为 "false",可以省去额外的 onreadystatechange 代码,它表示服务器返回响应后才执行send()后面的方法.
    //2.同步执行oXmlHttp.send()方法后oXmlHttp.responseText有返回对应的内容,而异步还是为空,只有在oXmlHttp.readyState == 4时才有内容,反正同步的在oXmlHttp.send()后的操作就相当于oXmlHttp.readyState == 4下的操作,它相当于只有了这一种状态.
    oXmlHttp.open('GET', url, false); //url为js文件时,ie会自动生成 '<script src="*.js" type="text/javascript"> </scr ipt>',ff不会
    oXmlHttp.send(null);
    Skip.includeJsText(rootObject,oXmlHttp.responseText);
    }
    var rootObject = document.head;
    Skip.addJs(rootObject, "config.js")

  • 相关阅读:
    Katalon系列十九:元素相同或无法定位时的定位技巧
    Katalon系列十八:用例变量&用例间调用
    读《单核工作法》
    Redis 的主从同步(复制)
    Yii2 框架整体结构
    redis 是如何做持久化的
    php yii 查看帮助时会调用具体脚本类的析构函数
    Redis 底层数据结构介绍
    Redis 的常用命令
    Yii2 框架跑脚本时内存泄漏问题分析
  • 原文地址:https://www.cnblogs.com/ransom/p/8551462.html
Copyright © 2020-2023  润新知