JavaScript错误处理与调试经验总结资源-CSDN文库

191 浏览量 2020-10-28 23:15:09 上传评论收藏 78KB PDF 举报

资源推荐

资源详情

资源评论

JavaScript 错误处理与调试经验总结错误处理与调试经验总结

在Web开发过程中，编写JavaScript程序时或多或少会遇到各种各样的错误，有语法错误，逻辑错误。如果是一

小段代码，可以通过仔细检查来排除错误，但如果程序稍微复杂点，调试JS便成为一个令Web开发者很头痛的

问题。

下面总结一下JS错误处理与调试的方法

方法方法1：用：用alert() 和和document.write()方法监视变量值。方法监视变量值。

alert()在弹出对话框显示变量值的同时，会停止代码的继续运行，直到用户单击“确定”按钮，而document.write()则在输出值后

继续运行代码。调试JS时可以根据具体情况来选择这种方法。

例如下面代码：将数组a中以1开头的数据添加到数组b中

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">

<html xmlns="http://www.w3.org/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;i<a.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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>无标题页</title>

<script type="text/javascript">

window.onerror=function()

{

alert("不好意思，出错了!");

}

</script>

</head>

<body onload="NonExist()" >

</body>

</html>

代码运行body标记的onload事件时调用了一个不存在的函数NonExist(),产生了错误，如下图：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余5页未读，立即下载

内容反馈

weixin_38501299

粉丝: 3
资源: 922

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip