JavaScript的兼容性与调试技巧


Posted in Javascript onNovember 22, 2016

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

1、参数列表多个逗号。

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

调试时报如下错误:

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

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

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>

    两次输出结果分别如下:

 第一次:

JavaScript的兼容性与调试技巧

    第二次:

JavaScript的兼容性与调试技巧

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

3、IE缓存JS的调试

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

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

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

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

以上就是本文的全部内容,希望对大家有所帮助,谢谢对三水点靠木的支持!

Javascript 相关文章推荐
12个非常有创意的JavaScript小游戏
Mar 18 Javascript
对frameset、frame、iframe的js操作示例代码
Aug 16 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
Javascript 实现复制(Copy)动作方法大全
Jun 20 Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 Javascript
基于jQuery实现的菜单切换效果
Oct 16 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
JavaScript实现的数字与字符串转换功能示例
Aug 23 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
Mar 13 Javascript
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
这应该是最详细的响应式系统讲解了
Jul 22 Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 #Javascript
JS中BOM相关知识点总结(必看篇)
Nov 22 #Javascript
老生常谈原生JS执行环境与作用域
Nov 22 #Javascript
JS中位置与大小的获取方法
Nov 22 #Javascript
javascript中Date对象的使用总结
Nov 21 #Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
Nov 21 #Javascript
使用Angular.js实现简单的购物车功能
Nov 21 #Javascript
You might like
php读取msn上的用户信息类
2008/12/05 PHP
PHP通过加锁实现并发情况下抢码功能
2016/08/10 PHP
Gambit vs CL BO3 第三场 2.13
2021/03/10 DOTA
新页面打开实际尺寸的图片
2006/08/25 Javascript
html中table数据排序的js代码
2011/08/09 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
jquery自动填充勾选框即把勾选框打上true
2014/03/24 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
jQuery自定义动画函数实例详解(附demo源码)
2015/12/10 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
js动态引入的四种方法
2018/05/05 Javascript
浅谈vue中组件绑定事件时是否加.native
2019/11/09 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
JavaScript鼠标悬停事件用法解析
2020/05/15 Javascript
JavaScript中的全局属性与方法深入解析
2020/06/14 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
[03:14]辉夜杯主赛事 12月25日每日之星
2015/12/26 DOTA
[03:39]2015国际邀请赛主赛事首日精彩回顾
2015/08/05 DOTA
Python3.5 + sklearn利用SVM自动识别字母验证码方法示例
2019/05/10 Python
django-利用session机制实现唯一登录的例子
2020/03/16 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
文明家庭先进事迹材料
2014/05/14 职场文书
2014物价局民主生活会对照检查材料思想汇报
2014/09/24 职场文书
2014年电话客服工作总结
2014/12/09 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
董事长开业致辞
2015/07/29 职场文书
Go遍历struct,map,slice的实现
2021/06/13 Golang
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers
Django框架中模型的用法
2022/06/10 Python
Win11 Dev 预览版25174.1000发布 (附更新修复内容汇总)
2022/08/05 数码科技