第10章 Javascript的调试与实例运用

JavaScript网页开发技术汤宏斌[e-mail]第10章Javascript的调试与实例运用本章目标掌握JavaScript调试的方法学习脚本调试器通过学习常见的网页特效加深对JavaScript语言的掌握JavaScript的调试程序错误的2个方面：程序不能正常运行，中断或者自动退出程序运行正常，但逻辑错误，不能实现目标1.发现错误和尽量避免错误JavaScript的调试1.发现错误和尽量避免错误IE的“显示脚本错误”提示选项使用下面步骤：（1）打开IE窗口（2）在“工具”菜单选择“Internet”选项。（3）单击“高级”选项卡，将“设置”下拉列表框里，“显示每个脚本错误的通知”复选框勾选。JavaScript的调试1.发现错误和尽量避免错误养好良好的编程习惯（1）用分号显式地结束语句vara=1;varb=a+1;vara=1varb=a+1vara=1;varb=a+1;JavaScript的调试1.发现错误和尽量避免错误（2）总是使用花括号把控制结构括起来if(a==1)b=a+1;elseb=0;if(a==1){b=a+1;}else{b=0;}JavaScript的调试1.发现错误和尽量避免错误（3）使用圆括号来表示优先而不是靠运算符优先级vara=3+2*5;vara=3+(2*5);JavaScript的调试1.发现错误和尽量避免错误（4）使用统一的详细的命名规则（5）使用统一的代码缩进规则（6）使用显式的类型声明避免自动类型（7）尽量使用符合标准语法的代码举例10-1Firefox45.1和sougou6.1.5无错误提示JavaScript的调试2.使用alert()方法在觉得可能发现错误的地方插入alert()方法，往往能够发现错误。3.使用write()或者writeln()方法原理同alert()方法，不过是在网页里面显示。举例10-2举例10-3JavaScript的调试4.脚本调试器简介windows系统IE自带的脚本调试器（第一节介绍的）VisualStudio6.0里面的VisualInterDev脚本调试器Office2010中带的脚本调试器DreamweaverFirefox搭配的firebugJavaScript的网页特效实例文本链接颜色变换多种鼠标效果变换图像背景滚动倒计时状态栏跑马灯脚本错误忽略Email信息发送文本链接颜色变换例题10-4注：本例在Firefox浏览器有效，搜狗、360浏览器无效多种鼠标效果例题10-5变换图像例题10-6例题10-7“背景滚动”效果在三种浏览器上无效倒计时例题10-8脚本错误忽略例题10-10Email信息发送例题10-10小结本章介绍了JavaScript的调试方法，对如何发现错误和避免程序发生错误也作了一些说明，避免错误的方法主要包括7个方面；本章还对常见的调试方法作了说明，除了alert方法外，还可以用document.write()和document.writeln()等JavaScript自带的方法或者语句。