- 浏览: 1594370 次
- 性别:
文章分类
- 全部博客 (2929)
- 非技术 (18)
- Eclipse (11)
- JAVA (31)
- 正则表达式 (0)
- J2EE (4)
- DOS命令 (2)
- WEB前端 (52)
- JavaScript (69)
- 数据库 (8)
- 设计模式 (0)
- JFreechart (1)
- 操作系统 (1)
- 互联网 (10)
- EasyMock (1)
- jQuery (5)
- Struts2 (12)
- Spring (24)
- 浏览器 (16)
- OGNL (1)
- WebService (12)
- OSGi (14)
- 软件 (10)
- Tomcat (2)
- Ext (3)
- SiteMesh (2)
- 开源软件 (2)
- Hibernate (2)
- Quartz (6)
- iBatis (2)
最新评论
当我们初次尝试在Web页面上运行JavaScript时,有可能代码不会按照设想的那样工作。这时候我们往往会收到出错信息的提示,信息会告诉我们到底发生了什么。
脚本不运行的原因有很多,但是人们在编写脚本的时候会出现一些常见的错误。事实上,如果我们检查一下这些常见错误, 就很有可能发现脚本不能正常运行的原因或者至少会我们纠正一些错误。当然,要发现所有错误的可能是很小的,不过一旦纠正常见错误,那么其他错误也相对变得 容易寻找了。
到底,我们要检查的常见错误是哪一些呢?要怎样才能找到这些常见错误并将其修复呢?这就是我们这篇文章要讲的内容。
错误搭配或错误放置的大括弧
JavaScript使用{}来包含命令。你可以用这对大括弧来包含一组语句。这些命令语句可以视为一个模块,使用多个条件语句或者组合循环时,这些模块可以相互嵌套。当这些语句的层次分多了,就很有可能出现嵌套错误的情况,记住每个{符号都应该有相对应的}符号。
另一种情况是当我们拥有大量代码块嵌套的时候,我们有可能丢失代码级别的路径,并将代码放置在错误的层级中,最后导致代码不能依照预期的情况生效。
纠正这类由于括弧错误匹配造成的问题,最简单的方法是获取代码然后使用一些不同的高亮度标记标出相应对。在代码的开始端用高亮度标记第一个{符 号。然后沿着代码往下找到同级别的},再用相同的颜色将其高亮度标记出来。然后用另一种颜色高亮度标记下一个{,再用相同的颜色标记下一个},依此类推, 相同级别的{}保持相同的颜色,就可以避免出错了。
错误匹配的引号
使用HTML和JavaScript,我们可以用(")或(')。当我们的HTML代码带有document.write语句时,要在HTML 中使用"",在JavaScript中使用''。如果这样做,就不会出现诸如document.write('< a href="mypage.htm ">');因为这个引号完全嵌套在单引号中。
还有两种可能的情况。我们可能意外地打上了回括的单引号,导致接下来的语句作为文本字符串的一部分结束,因此代码不能生效。另一种情况是,你或 许需要在文本中包含一个真正的单引号。为了不让带有文本的单引号语句成为文本的结束,需要在它前面加上一个反斜线来回避,如 document.write('Let/'s go.')。
意外关闭或忘记关闭引号都会导致代码失效。我们可以通过代码打印以及三种高亮度标记来检查这样的错误。在文本开始端,需要避免歧义的地方,以及文本的末端高亮度标记就可以了。
条件句中缺少小括号
编写条件语句时,需要在条件上使用小括号。而出现多重条件时,要为每一个条件都括上括弧。在实际操作中,我们很容易忘记将条件括入括弧内,而嵌套层级过多的时候,就更容易弄错层级。
解决这一问题的方法与解决大括弧的错误匹配类似,只需为没一个层级的括弧标上不同的颜色以示标记就可以了。
遗漏的分号
每一个JavaScript语句都应该以分号结尾。有时,我们看到的JavaScript代码中每一个语句都单独成行,而分号与代码分离了,不过如果我们需要重新整理代码的时候,将两个语句放在同一行而忘记为其添加一个分号,就会发现代码无法生效。
解决这一问题最简单的方法是重新格式化代码,以使每个代码都以单独成行的形式出现,并且确保每一行都以分号结束。这样就可以随时将代码结合起来而不会影响其正常运行了。
大写匹配错误
JavaScript对于大小写的区分是很敏感的。这意味着myvar和myVar是两个不同的变量。要避免出现大小写导致的变量错误,建议大 家采用标准方法为变量命名,例:统一使用thisIsMyVariable的格式或者this_is_my_variable格式。这样可以有效区别那些 只是在大小写上有不同的变量,而在查找错误的时候,醒目的格式特点也有利于使用准确的指定寻找。
如果两个变量的命名相同还可能出现一种问题,即不是所有的浏览器都能正确执行代码,且有可能视那些仅存在大小写异同的变量为相同变量,可想而知,那些大写不正确的代码将无法在一些浏览器中运行。
在对象加载前引用对象
页面标头部分的JavaScript代码没有包含在加载页面前运行的函数之内。页面内容部分的JavaScript会作为页面的一部分加载。从 装载事件处理器中调用的JavaScript会在加载完页面后运行。函数会在JavaScript代码调用时运行。事件处理器会在相关事件触发时运行。
如果JavaScript正通过文档对象模型访问web页面的内容,那么你正引用的那些对象必须在引用前已经加载完毕才可以。引用一个尚未完成 加载的对象将出现错误。为纠正这一问题,我们应该确保不引用任何来自页面标头部分JavaScript的对象,除非它包含在页面完成加载后调用的函数中 时。对页面内容部分JavaScript对象的引用则取决于JavaScript和对象获得加载速度的顺序。最好是将对象的处理情况转移到页面装载事件处 理器中。
预留字作为变量名使用
对于JavaScript语言来说有一些词具有特殊含义。这些预定字不能作为变量使用。如果我们不小心将这些预留字作为变量名使用,那么处理的结果将不尽人意。
最好的解决方法是熟悉这些预留字列表。如果我们按照适当的命名标准为变量命名,那么将可以避免把预留字当成变量名的情况,因为标准的命名习惯会阻止我们使用这些预留字。
函数调用时丢失的参数
定义函数的时候,我们会定义参数的数量。编写代码调用函数时,我们要传送符合预计的参数。要检查参数的数量或者检查代码发送调用请求后接收参数的时间相对而言都是比较容易的。如果参数已经被赋予了合理的名称,那么还应该明显表示出哪些需要被传送到每个参数中。
在这种情况下,如果我们决定向函数添加额外的参数就有可能出现问题。所有对函数的调用现在都需要更新为传送该额外参数。如果函数是一个链接到许多页面的外部JavaScript,那就很容易遗漏掉从一个页面到另一个页面中对函数的调用。
不受支持的文档对象模式
大多数浏览器都支持W3C标准文档对象模式。假定我们正在使用这些浏览器中的一个,那么我们在浏览器中测试被编辑成使用标准DOM的脚本时,脚 本能正常运行。但是有可能页面访问者的浏览器版本比较陈旧。如果想要使脚本也能支持这一部分访问者,就需要将脚本编辑成使用跨浏览器的DOM。
有许多旧版本浏览器的脚本可以从互联网下载,当然新的脚本也同样可以下载。为了纠正这一错误,我们需要重写脚本以使用标准DOM或跨浏览器DOM。如果脚本涉及document.all或document.layers,我们就可以辨别出它使用的是旧的DOMs。
作者: Richardy, 出处:IT专家网, 责任编辑: 包春林,
发表评论
-
Javascript评估用户输入密码的强度的方法 代码
2009-07-28 17:50 674用Javascript评估用户输入密码的强度密码已经是我们生活 ... -
图片和文字放一起,不能居中的解决方法
2009-07-29 14:47 917<td align="center" ... -
解开JavaScript生命的达芬奇密码
2009-08-05 17:56 709解开JavaScript生命的达芬奇密码 ——如何使用Jav ... -
掌控上传进度的AJAX Upload(转贴)
2009-08-05 17:59 685掌控上传进度的AJAX Uploa ... -
Javascript跨域访问解决方案
2009-08-11 20:11 616由于安全方面的考虑,Javascript被限制了跨域访问的能力 ... -
不唐突的JavaScript的七条准则(转载)
2009-08-12 13:18 607经过多年的开发、教学 ... -
浅谈Javascript中的事件流和事件绑定
2009-08-13 16:31 753事件流 浏览器中的事 ... -
JavaScript继承详解(二)
2009-08-17 17:04 594转自:http://www.cnblogs.com/sansh ... -
JavaScript继承详解(一)
2009-08-17 17:04 668转自:http://www.cnblogs.com/sansh ... -
javascript实用技巧--数组.
2009-08-17 17:08 632数组和字符串类型对象的方法我特容易搞混淆,所以把他列出来,免得 ... -
IE和Firefox之间的JavaScript差异
2009-08-17 17:18 561尽管 JavaScript 历史上使用冗长而令人生厌的代码块来 ... -
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
2009-08-17 17:19 631网页可见区域宽:document.body.clientWid ... -
Javascript的Defer属性
2009-08-17 17:48 672Script中的Defer属性 ... -
最佳的"addEvent"是怎样诞生的
2009-08-18 13:47 615IE的 JScript 存在内存泄露的bug 想必大家都清楚或 ... -
值得推荐的事件捕获函数AddEvent()
2009-08-18 13:56 7391, 下面是JQuery之父推荐的添加移除事件方法。 ... -
随滚动条移动的层
2009-08-20 15:55 704<!DOCTYPE html PUBLIC &qu ... -
javascript 获取滚动条高度
2009-08-20 16:02 760/******************** * 取窗口滚动 ... -
如何去掉ie里面的关闭按钮,和屏蔽ALT+F4 (转载)
2009-09-01 17:46 756去掉关闭按钮可以使用无边框窗口设计,不过IE6中已经不支持了。 ... -
(window.onunload)只有点击浏览器右上角关闭按钮才执行
2009-09-01 18:31 828<html> <head> &l ... -
带关闭按钮的页面漂浮的代码(IE/FF)
2009-09-01 18:34 620带关闭按钮的页面漂浮的代码,兼容火狐和IE,只需要把Javas ...
相关推荐
javascript常见错误
JavaScript中常见错误分析.pdf
JavaScript调试方法以及常见错误.pdf
常见错误一:对于this关键词的不正确引用 常见错误二:传统编程语言的生命周期误区 常见错误三:内在泄露 常见错误四:比较运算符 常见错误五:低效的DOM操作 常见错误六:在for循环中的不正确函数调用 常见错误七:...
简述JS开发过程中,程序员常出现的错误及JS开发的一些小技巧
主要介绍了JavaScript错误处理操作,结合实例形式分析了javascript常见的错误类型、错误处理语句以及相关使用技巧,需要的朋友可以参考下
课程-调试和修复常见JavaScript错误 调试JavaScript 常见JavaScript怪癖 问题: ' :smiling_face_with_smiling_eyes: '.length答案:A2 说明:String.prototype.length返回字节数,而不是字符数。 Unicode字符(如...
js实现调用网络摄像头及常见错误处理 最近由于业务的原因,需要在Web端页面接入调试各类的网络摄像头,遇到了很多匪夷所思的问题(说的就是读得出摄像头的品牌,读不出摄像头的分辨率)。于是整理了这篇文章作为...
主要介绍了分析javascript中9 个常见错误阻碍你进步的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
查看了数千个项目后,发现了 10 个最常见的 JavaScript 错误。我们会告诉你什么原因导致了这些错误,以及如何防止这些错误发生。如果你能够避免落入这些 “陷阱”,你将会成为一个更好的开发者。 JavaScript 常见...
如何发现JavaScript代码中的常见错误和逻辑错误,以及如何使用Microsoft Script Debugger来调试JavaScript代码。如何提供JavaScript代码来访问XML和HTML。如何在页面中集成ActiveX控件或插件,以扩展浏览器的功能。...
****JavaScript入门经典(第4版 英文版+第3版中文版 附JavaScript参考手册)****《JavaScript入门经典(第4版)》主要内容:·循序渐进介绍JavaScript基础知识,包括...深入讨论Ajax·分析常见错误以及调试和处理方法
为了回馈我们的开发者社区,我们查看了数千个项目的数据库,发现了 JavaScript 中频度最高的 10 种错误。我们会告诉你什么原因导致了这些错误,以及如何防止这些错误发生。如果你能够避免落入这些 “陷阱”,你将会...
如何发现JavaScript代码中的常见错误和逻辑错误,以及如何使用Microsoft Script Debugger来调试JavaScript代码。如何提供JavaScript代码来访问XML和HTML。如何在页面中集成ActiveX控件或插件,以扩展浏览器的功能。...
如何发现JavaScript代码中的常见错误和逻辑错误,以及如何使用Microsoft Script Debugger来调试JavaScript代码。如何提供JavaScript代码来访问XML和HTML。如何在页面中集成ActiveX控件或插件,以扩展浏览器的功能。...
下面小编就为大家带来一篇再谈javascript常见错误及解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
了解JavaScript中常见的错误、函数、方法、对象、运算符、属性、语句等,是初学着的首选。