夜鹰教程网-程序员的加油站
 当前位置:文章中心 >> 常见错误调试
使用alert() 和document.write() 方法监视变量值
夜鹰教程网 来源:www.yyjcw.com 日期:2019-1-4 13:17:28
使用alert() 和document.write() 方法监视变量值 

A 使用alert() 和document.write() 方法监视变量值 

如果要中断代码的运行,监视变量的值,则使用alert() 方法; 

如果需要查看的值很多,则使用document.write() 方法,避免反复单击“确定”按钮; 


B 使用window.onerror 事件 

当页面出现异常时,onerror 事件会在window 对象上触发。它能在一定程度上告诉开发者相关的错误信息。 

示例: 

复制代码 代码如下:


<script type="text/javascript"> 

function myerror(_message,_url,_line) 

alert("错误信息:" + _message 

+"\n错误的URI:" + _url 

+"\n错误的行数:" + _line 

); 

return true; //屏蔽系统的事件 

//绑定错误事件 

window.onerror = myerror; 

//触发错误示例: 

window,onload = test; 

</script> 


注意:在IE 中,触发error 事件后,正常的代码会继续运行,所有的变量和数据都会保存下来,在其onerror 事件处理方法中可以正常访问到;而在Firefox 中,触发error 事件后,一切都结束,所有的变量和数据都将被销毁。 


C 使用 try...catch 语句找错误 

示例: 

复制代码 代码如下:


<script type="text/javascript"> 

try 

alert(触发异常); 

catch (_ex) //可以省略“_ex”参数 

var err = "错误信息"; 

for (var i in _ex) 

err += "\n参数名:" + i 

+ "\t参数值:" + _ex[i]; 

alert(err); //打印错误 

finally //finally 可以被省略... 

alert("finally 总是会运行"); 

</script> 


注意:try...catch 并不能很好的处理JavaScript 的语法错误。 

示例: 

复制代码 代码如下:


<script type="text/javascript"> 

try 

alert("触发语法错误")); //多了半边“)” 

catch (_ex) //可以省略_ex参数 

var err = "错误信息"; 

for (var i in _ex) 

err += "\n参数名:" + i 

+ "\t参数值:" + _ex[i]; 

alert(err); //打印错误 

</script> 


该示例并没有进入catch 块中。 


D 使用相关调试器 

在IE 和Firefox 浏览器中,可以使用相关的调试器或插件对JavaScript 进行调试。 


● 在Firefox 浏览器中,可以使用其自带的“错误控制台”。操作步骤如下: 

打开Firefox 浏览器 → 在菜单条“工具”中 → 选择“错误控制台”即可。 

在没有其他插件的情况下,其自带的“错误控制台”是一个非常不错的选择。 


另外,在Firefox 浏览器中,还有一些很不错的调试器,如:Venkman、Firebug 等。 

Venkman 调试器安装后,可以在Firefox 浏览器 → 在菜单条“工具”中 → 选择“JavaScript Debugger ”命令启用; 

Firebug 调试器安装后,可以在Firefox 浏览器 → 在菜单条“工具”中 → 选择“Firebug”→ 选择“打开 Firebug”即可; 


● 在IE 浏览器中,可以使用 Microsoft Script Debugger 调试器 

Microsoft Script Debugger 是微软随IE 4 一同发布的一个IE插件,可以从微软的官方网站上免费下载。 

下载安装以后,必须将IE 浏览器的调试选项打开才能使用。操作步骤如下: 

1> 打开IE 浏览器 → 选择菜单栏的“工具”→ “Internet 选项”命令 → “高级”选项卡 → 将“禁用脚本调试(Internet Explorer )”复选框中的勾去掉即可。 

2> 当IE 浏览器正在浏览页面时,运行Microsoft Script Debugger 调试器工具即可进行调试。 

在Microsoft Script Debugger 调试器的 Running Document 面板中选择开启的页面文件(只读),然后按F9 可以设置断点调试。另外,其Command Window 面板也是一个很有用的功能,它能在代码断点停止时,在其中输入变量名并回车,便可看到此时变量的值;Command Window 面板甚至可以接受简单的JavaScript 命令。但Microsoft Script Debugger 调试器自身还存在一个bug 问题。


复制链接 网友评论 收藏本文 关闭此页
上一条: 断点调试其实并不是多么复杂的一件…  下一条: js容错语句,就是js出错也不提示错误
夜鹰教程网成立于2008年,目前已经运营了将近 13 年,发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。 我们一直都在坚持的是:认证负责、一丝不苟、以工匠的精神来打磨每一套教程,让读者感受到作者的用心。我们默默投入的时间,确保每一套教程都是一件作品,而不是呆板的文字和视频! 目前我们推出在线辅导班试运营,模式为一对一辅导,教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发,winform和物联网开发、web前端开发,但不仅限于此。 普通班针对的是国内学员,例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。 就业办针对即将毕业上岗的大四学生,或者打算转行的初级开发工程师。 留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子,目的是让大家熟练地掌握编程技能,按时完成老师布置的作业,并能顺利地通过考试。 详细咨询QQ:1416759661   夜鹰教程网  基于角色的权限管理系统(c-s/b-s)。
  夜鹰教程网  基于nodejs的聊天室开发视频教程
  夜鹰教程网  Git分布式版本管理视频教程
  夜鹰教程网  MVC+EasyUI视频教程
  夜鹰教程网  在线考试系统视频教程
  夜鹰教程网  MongoDB视频教程。
  夜鹰教程网 Canvas视频教程
  夜鹰教程网 报表开发视频教程
  热点推荐
看看你的电脑是否可以运行Windows…
断点调试其实并不是多么复杂的一件…
使用alert() 和document.write() …
js容错语句,就是js出错也不提示错…
JS错误处理与调试的方法
对一个或多个实体的验证失败。有关…
几款常用的录屏软件
中国计算机软件设计师考试大纲
  最近更新
断点调试其实并不是多么复杂的一件…
使用alert() 和document.write() …
js容错语句,就是js出错也不提示错…
JS错误处理与调试的方法
对一个或多个实体的验证失败。有关…
几款常用的录屏软件
中国计算机软件设计师考试大纲
看看你的电脑是否可以运行Windows…

关于我们 | 网站建设 | 技术辅导 | 常见问题 | 联系我们 | 友情链接

夜鹰教程网 版权所有 www.yyjcw.com All rights reserved 备案号:蜀ICP备08011740号3