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

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

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

關于JavaSctipt的兼容性，最懶的辦法就是用jQuery的工具函數(shù)。盡量不要用那些什么ECMAScript之類的函數(shù)，因為很多瀏覽器都會報找不到函數(shù)的錯誤。下面列出一些在開發(fā)過程中碰到過的javascript問題。

1、參數(shù)列表多個逗號。

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

　　調(diào)試時報如下錯誤：

　　缺少標識符、字符串或數(shù)字

data: {
 S_Id: Subject_Id,
 level: $("#addKey").attr("lang"),　　--如果寫上這個逗號,IE會報錯，火狐谷歌正常。
},

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>

兩次輸出結果分別如下：

　第一次：

第二次：

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

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

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

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

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

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

　　javascript中null,undefined,0,"",false作為if的條件的時候，被認為是flase。

　　所以對于變量，如果我們定義了一個變量 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;
 }

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

您可能感興趣的文章: