js如何获得代码执行错误信息

在JS中,获得错误信息可以经由过程try catch语句或onerror事务,两种方式可以实现一样的功能 ,但利用有所区别。下面介绍这两种体例获得错误的过程。



方式/步调

  1. 1

    新建一个html页面,定名为test.html,用于介绍js如何获得代码执行错误信息。

    908fa0ec08fa513db7e2cb34336d55fbb3fbd994.jpg
  2. 2

    在test.html编写js代码,在try内利用错误的弹窗方式adddlert() ,在catch内捕获错误信息,并把它显示在页面的p标签内。代码如下:

    9f2f070828381f3093d22a43a7014c086f06f015.jpg
  3. 3

    在浏览器运行test.html,在js中是没有adddlert()这个方式的,执行过程会犯错,利用try catch当作功捕捉了错误,在页面提醒了错误信息。

    0d338744ebf81a4cfa174a23d92a6059252da637.jpg
  4. 4

    除了上面将错误写在页面上,还可以以弹窗的体例弹犯错误信息。例如,在test.html界说一个查看动静的按钮,点击按钮,执行try catch里的内容,若是js代码有错误,会以弹窗的形式显示错误信息。代码如下:

    9213b07eca806538cbd902f999dda144ad34822d.jpg
  5. 5

    在浏览器运行test.html,点击“查看动静”按钮执行js代码,因为在js中是没有adddlert()这个方式的,执行过程会犯错,实现错误信息的弹窗显示。

    80cb39dbb6fd5266eb729afea518972bd50736fa.jpg
  6. 6

    利用onerror事务绑定错误显示函数,弹犯错误信息。例如,在test.html界说一个查看动静的按钮,点击按钮,执行错误的js代码,经由过程onerror绑定的错误处置handleErr函数弹犯错误信息。代码如下:

    c75c10385343fbf270ce00c9be7eca8064388f7e.jpg
  7. 7

    在浏览器运行test.html,点击“查看动静”按钮执行js代码,因为在js中是没有adddlert()这个方式的,执行过程会犯错,弹犯错误信息窗口,当作功利用onerror事务捕捉到了js代码的错误。

    aa64034f78f0f736f912eaeb0455b319eac4136f.jpg
  • 发表于 2019-08-04 22:05
  • 阅读 ( 170 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论