JavaScript的兼容性與調(diào)試技巧

更新時(shí)間：2016年11月22日 08:54:26 作者：逆心

可能在大家使用JavaScript效果時(shí)，會(huì)碰到在各個(gè)瀏覽器中頁(yè)面的顯示效果不同，甚至報(bào)錯(cuò)，這就是代碼的兼容性問(wèn)題。本文就是主要介紹JavaScript的兼容性與調(diào)試技巧，希望對(duì)大家有所幫助

關(guān)于JavaSctipt的兼容性，最懶的辦法就是用jQuery的工具函數(shù)。盡量不要用那些什么ECMAScript之類(lèi)的函數(shù)，因?yàn)楹芏酁g覽器都會(huì)報(bào)找不到函數(shù)的錯(cuò)誤。下面列出一些在開(kāi)發(fā)過(guò)程中碰到過(guò)的javascript問(wèn)題。

1、參數(shù)列表多個(gè)逗號(hào)。

　　$.ajax({})方法，非常熟悉了吧，但是在IE中有個(gè)小地方要注意，如果你在拼接參數(shù)列表的時(shí)候最后一個(gè)也加了逗號(hào)，那么毫無(wú)疑問(wèn)，IE下全部JS失效。

　　調(diào)試時(shí)報(bào)如下錯(cuò)誤：

　　缺少標(biāo)識(shí)符、字符串或數(shù)字

data: {
 S_Id: Subject_Id,
 level: $("#addKey").attr("lang"),　　--如果寫(xiě)上這個(gè)逗號(hào),IE會(huì)報(bào)錯(cuò)，火狐谷歌正常。
},

2、var str; 與 var str=""的區(qū)別

 <script>
 var Str1;
 for (var i = 0; i < 3; i++)
 {
 　　Str1 += "xxx"
 }
 alert(Str1);
 var Str2 = "";
 for (var i = 0; i < 3; i++)
 {
 Str2 += "xxx"
 }
 alert(Str2);
 </script>

兩次輸出結(jié)果分別如下：

　第一次：

第二次：

一個(gè)變量，如果定義時(shí)不賦值，那么就是undefined。再加字符串就是undefined + "要加的字符串"。如果這樣給HTML元素賦值。undefined也是會(huì)顯示出來(lái)的，怎么注意你懂的。

3、IE緩存JS的調(diào)試

　　今天調(diào)試的時(shí)候，發(fā)現(xiàn)IE8的JS緩存，非常非常霸氣。刷新，清空緩存都無(wú)效。搞得刷新到鼠標(biāo)左鍵都快碎了，還是不刷新。

　　現(xiàn)在特別來(lái)說(shuō)個(gè)技巧，就是引入JS的時(shí)候，在后面加個(gè)new Date()。這樣就不用刷新得那么辛苦了。

<script type="text/javascript" src="/123.js?new Date()"></script>

4、JS判斷函數(shù)/變量是否存在，存在則調(diào)用

　　javascript中null,undefined,0,"",false作為if的條件的時(shí)候，被認(rèn)為是flase。

　　所以對(duì)于變量，如果我們定義了一個(gè)變量 var str = "";這樣判斷，依然返回false。

//是否存在指定函數(shù) 
 function isExitsFunction(funcName) {
 try {
 if (typeof(eval(funcName)) == "function") {
 return true;
 }
 } catch(e) {}
 return false;
 }
 //是否存在指定變量 
 function isExitsVariable(variableName) {
 try {
 if (typeof(variableName) == "undefined") {
 //alert("value is undefined"); 
 return false;
 } else {
 //alert("value is true"); 
 return true;
 }
 } catch(e) {}
 return false;
 }

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家有所幫助，謝謝對(duì)腳本之家的支持！

您可能感興趣的文章: