js同步和异步的问题

2019阿里云全部产品优惠券(好东东,强烈推荐)
领取地址 https://promotion.aliyun.com/ntms/yunparter/invite.html

推荐:JS 判断浏览器类型(是否使用IE,Firefox,Opera浏览器)

[ 关键字:JS 判断浏览器(是否使用IE,Firefox,Opera浏览器),IE内核,netscape内核现在的浏览器大概有好几种,各个人的喜好也不同,所以也就用着不同的浏览器!我们

 

1.ie动态加载js文件时,它默认就为同步,可以不用设置同步(也可直调用Skip.includeJsSrc())
2.ff动态加载js文件时,它默认为异步,要设置成同步,加载完直接调用才不会出错
3.无论ie还是ff在动态加载js内容时,没有请求服务器,不会存在异步问题
注:无论ie还是ff在页面加载js时(即执行整个页面),都是为同步的加载,除非设置script的属性defer="true"(此属性好像也只是对ie有效)

 

=======================================================================================

===

================================================================

 

动态加载js文件

一.直接加载

<body>

<div id="divId"></div>

<script>

     //1.动态创建js

     var rootObject=document.getElementById("divId");
     var oScript = document.createElement( "script" );
     oScript.type = "text/javascript";
     oScript.src = test.js; //test.js方法中有一个方法function test(){alert("test");}
     rootObject.appendChild(oScript);

 

     //2.调用js

     test();//在ie中不会出错,在firefox会出错,因为firefox默认为异步加载(在向服务器请求加载test.js文件的同时,继续向下执行了,调用test()方法,就自然找不到这个方法)

</script>

</body>

二.同步加载

推荐:js屏蔽浏览器(IE和FireFox)的刷新功能

[javascript 屏蔽F5,BackSpace,IE的刷新,右键功能 博客分类: javascript IEJavaScriptJavaFirefox浏览器 Java代码 收藏代码 function Disa

<body>

<div id="divId"></div>

<script>

(function(){

 

Skip={

//获取XMLHttpRequest对象(提供客户端同http服务器通讯的协议)

getXmlHttpRequest:function ()
{
    if ( window.XMLHttpRequest ) // 除了IE外的其它浏览器
           return new XMLHttpRequest() ;
    else if ( window.ActiveXObject ) // IE
            return new ActiveXObject("MsXml2.XmlHttp") ;

},

 

 //导入内容
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);
        }
       },


 //导入文件
includeJsSrc :function (rootObject, fileUrl)
      {
        if ( rootObject != null ){
                var oScript = document.createElement( "script" );
             oScript.type = "text/javascript";
            oScript.src = fileUrl;
            rootObject.appendChild(oScript);
       }
      },

 

//同步加载
addJs:function(rootObject, url){

        var oXmlHttp = this.GetHttpRequest() ;
       
        oXmlHttp.onreadystatechange = function()  //其实当在第二次调用导入js时,因为在浏览器当中存在这个*.js文件了,它就不在访问服务器,也就不在执行这个方法了,这个方法也只有设置成异步时才用到
       
        {
            if ( oXmlHttp.readyState == 4 ) //当执行完成以后(返回了响应)所要执行的
       
            {
                if ( oXmlHttp.status == 200 || oXmlHttp.status == 304 ) //200有读取对应的url文件,404表示不存在这个文件
       
                {
       
                    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"></script>',ff不会 
      oXmlHttp.send(null);
      includeJsText(rootObject,oXmlHttp.responseText);
      }
}

};
 var rootObject=document.getElementById("divId");

 Skip.addJs(rootObject,"test.js")//test.js文件中含有funciotn test(){alert("test");}

test();//即使马上调用也不会出错了.


})();

 

</script>

</body>

 

推荐:JS获得鼠标位置(兼容多浏览器ie,firefox)

[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1

相关推荐