1、新建一个html页面,命名为test.html,用于介绍js如何获得代码执行错误信息。
2、在test.html编写js代码,在try内使用错误的弹窗方法adddlert() ,在catch内捕捉错误信息,并把它显示在页面的p标签内。代码如下:
3、在浏览器运行test.html,在js中是没有adddlert()这个方法的,执行过程会出错,使用try catch成功捕获了错误,在页面提示了错误信息。
4、除了上面将蕾蓄允嘞错误写在页面上,还可以以弹窗的方式弹出错误信息。例如,在test.html定义一个查看消息的按钮,点击按钮,执行try catch里的内容,如果js代码有错误,会以弹窗的形式显示错误信息。代码如下:
5、在浏览器运行test.html,点击“查看消息”按钮执行js代码,因为在js中是没有adddlert()这个方法的,执行过程会出错,实现错误信息的弹窗显示。
6、使用onerror事件绑定错误显示函数,弹出错误信息。例如,在test.html定义一个查看消息的按钮,点吁炷纪顼击按钮,执行错误的js代码,通过onerror绑定的错误处理handleErr()函数弹出错误信息。代码如下:
7、在浏览器运行test.html,点击“查看消息”按钮执行js代码,因为在js中是没有adddlert()这个方法的,执行过程会出错,弹出错误信息窗口,成功使用onerror事件捕获到了js代码的错误。