JavaScript的兼容性与调试技巧-tutorial js-php.cn

JavaScript的兼容性与调试技巧

高洛峰

Lepaskan： 2016-12-06 09:42:40

asal

1238 orang telah melayarinya

关于JavaSctipt的兼容性，最懒的办法就是用jQuery的工具函数。尽量不要用那些什么ECMAScript之类的函数，因为很多浏览器都会报找不到函数的错误。下面列出一些在开发过程中碰到过的javascript问题。

1、参数列表多个逗号。

　　$.ajax({})方法，非常熟悉了吧，但是在IE中有个小地方要注意，如果你在拼接参数列表的时候最后一个也加了逗号，那么毫无疑问，IE下全部JS失效。

　　调试时报如下错误：

　　缺少标识符、字符串或数字

data: {
 S_Id: Subject_Id,
 level: $("#addKey").attr("lang"),　　--如果写上这个逗号,IE会报错，火狐谷歌正常。
},

Salin selepas log masuk

2、var str; 与 var str=""的区别

<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>

Salin selepas log masuk

两次输出结果分别如下：

　第一次：

第二次：

一个变量，如果定义时不赋值，那么就是undefined。再加字符串就是undefined + "要加的字符串"。如果这样给HTML元素赋值。undefined也是会显示出来的，怎么注意你懂的。

3、IE缓存JS的调试

　　今天调试的时候，发现IE8的JS缓存，非常非常霸气。刷新，清空缓存都无效。搞得刷新到鼠标左键都快碎了，还是不刷新。

　　现在特别来说个技巧，就是引入JS的时候，在后面加个new Date()。这样就不用刷新得那么辛苦了。

4、JS判断函数/变量是否存在，存在则调用

　　javascript中null,undefined,0,"",false作为if的条件的时候，被认为是flase。

　　所以对于变量，如果我们定义了一个变量 var str = "";这样判断，依然返回false。

//是否存在指定函数
 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;
 }

Salin selepas log masuk