js调试汇总.docVIP

JS 错误处理与调试总结 在Web开发过程中，编写JavaScript程序时或多或少会遇到各种各样的错误，有语法错误，逻辑错误。如果是一小段代码，可以通过仔细检查来排除错误，但如果程序稍微复杂点，调试JS便成为一个令Web开发者很头痛的问题。下面总结一下JS错误处理与调试的方法 方法1：用alert() 和document.write()方法监视变量值。 alert()在弹出对话框显示变量值的同时，会停止代码的继续运行，直到用户单击“确定”按钮，而document.writer()则在输出值后继续运行代码。调试JS时可以根据具体情况来选择这种方法。 例如下面代码：将数组a中以1开头的数据添加到数组b中 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title无标题页/title script type=text/javascript var a=[123,456,789,111]; function AlertMessage() { var b=new Array(1111); for(var i=0;ia.length;i++) { if(a[i].indexOf(1)!=0) { alert(a[i]); b.push(a[i]); } } } /script /head body input type=button value=点我 onclick=AlertMessage()/ /body /html 如果加入的值比较多，则可以使用document.writer()方法，避免反复点击确定按钮。 方法2：用onerror事件找到错误： 当页面出现异常时，error事件会在window对象上触发，它能够在一定程序上告诉开发者出现了错误，并帮助开发者找到错误所在，如下例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title无标题页/title script type=text/javascript window.onerror=function() { alert(不好意思，出错了!); } /script /head body onload=NonExist() /body /html 代码运行body标记的onload事件时调用了一个不存在的函数NonExist(),产生了错误，如下图： 同时，浏览器本身的代码调试错误也出现了： 要避免浏览器自己的错误提示很简单，只需要要onerror事件的处理函数最后返回ture便可，代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title无标题页/title script type=text/javascript window.onerror=function() { alert(不好意思，出错了!); return true;//屏蔽系统事件 } /script /head body onload=NonExist() /body /html 但这样处理对于解决错误并没有任何的帮助。其实onerror还提供了3个参数来确定错误的性质，代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title无标题页/title script type=text/javascript window.onerror=fun