JS之try_throw_catch的使用

最新推荐文章于 2024-07-24 16:53:23 发布
最新推荐文章于 2024-07-24 16:53:23 发布
阅读量82 收藏
点赞数
分类专栏： 编程 文章标签： html js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jwtning/article/details/113505090
版权

检查输入。如果值是错误的，将抛出异常（err）。
该异常（err）被 catch 语句捕获并显示一条自定义的错误消息。

<!DOCTYPE html>
<html>
<body>

<p>请输入 5 到 10 之间的数字：</p>

<input id="demo" type="text">
<button type="button" onclick="myFunction()">检测输入</button>
<p id="p01"></p>

<script>
function myFunction() {
  var message, x;
  x = document.getElementById("demo").value;
  message = document.getElementById("p01");
  try { 
    if(x == "")  throw "是空的";
    if(isNaN(x)) throw "不是数字";
    x = Number(x);
    if(x < 5)  throw "太小";
    if(x > 10)   throw "太大";
    message.innerHTML = x;
  }
  catch(err) {
    message.innerHTML = "输入：" + err;
  }
  
}
</script>

</body>
</html>
一直在路上ing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript语句错误throw、try及catch实例解析
01-19
try 语句测试代码块的错误。...JavaScript try 和 catch try 语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。 JavaScript 语句 t
JavaScript 错误 – throw、try 和 catch
01-21
JavaScript 错误 – throw、try 和 catch try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。  ...
JavaScript 错误 - Throw、Try 和 Catch
u010398850的专栏
06-29 668
try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 错误一定会发生 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误： 可能是语法错误，通常是程序员造成的编码错误或错别字。 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。 可能是由于来自服务器或用户的错误输出而导致的错误。
JavaScript中try, catch, throw的用法
knight-yun的博客
09-03 2279
JavaScript中关于错误的调试方法
javascript中try catch throw 的用法
欢迎光临雨落星辰的博客
08-05 1786
try 尝试执行 catch 捕获异常 throw 抛出异常 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
js之try catch throw
听闻青春丶
07-06 1913
try{ console.log(rrr) } catch(err){ console.log(err,err.name,err.message) } function myFunction() { var message, x; message = document.getElementById("message"); mess...
JavaScript系列—说说try/catch和throw
jiaojsun的博客
08-09 882
1.官方解释 首先我们来看看官方的解释 定义和用法 try/catch/finally 语句用于处理代码中可能出现的错误信息。 错误可能是语法错误，通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。 try语句允许我们定义在执行时进行错误测试的代码块。 catch语句允许我们定义当try代码块发生错误时，所执行的代码块。 fina...
WEB开发 之 JavaScript 错误 - Throw、Try 和 Catch.docx
09-26
WEB开发之JavaScript错误-Throw、Try和Catch JavaScript错误处理是WEB开发中的一个重要方面。在JavaScript中，错误可能来自语法错误、拼写错误、服务器或用户的错误输出等多种原因。因此，了解如何正确地处理错误是...
javascript中的try catch异常捕获机制用法分析
10-20
本文将深入探讨JavaScript中的try...catch异常捕获机制，包括其基本概念、使用方法以及各种特殊情况的处理。 1. **try...catch块的基本结构** JavaScript的异常处理机制采用了try...catch语句，它由try、catch和可...
js tryCatch.html
weixin_42193179的博客
06-05 217
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>tryCatch</title> <script> function message() { try { ...
js---异常处理、throw、Error、try...catch
muzidigbig的博客
08-27 4653
【前言】 本文主要介绍下JS的Error name相关属性. 当 JS 引擎执行 JS代码时，会发生各种错误。 ①语法错误，通常是程序员造成的编码错误或错别字； ②拼写错误或语言中缺少的功能（可能由于浏览器差异）； ③来自服务器或用户的错误输出而导致的错误； ④由于许多其他不可预知的因素； 当发生错误时，JS通常会停止并产生错误消息。技术术语是这样描述的：JavaScript 将抛出异常（抛出错误）。JS实际上会创建一个Error对象，该对象带有两个属性name和message。 【概念】 erro
JS的报错处理（throw、try、catch）
weixin_45932460的博客
01-18 4409
MDN throw语句用来抛出一个用户自定义的异常。当前函数的执行将被停止（throw之后的语句将不会执行），并且控制将被传递到调用堆栈中的第一个catch块。如果调用者函数中没有catch块，程序将会终止。 当日常代码逻辑较复杂时可以使用异常快速定位错误，并进行相应处理。 throw 抛出异常，可以是一段字符串、数字、布尔 function test(i) { if(i === 0) { throw "i不能等于0"; //throw 777; ..
js中try、catch、finally 使用
weixin_44955769的博客
11-26 3420
1、try: 语句测试代码块的错误，一般把可能会出错的代码放到这里 2、catch： 只有try里面的代码块发生错误时，才会执行这里的代码，参数err记录着try里面代码的错误信息 3、finally: 无论有无异常里面代码都会执行 4、try catch缺点： 1.try catch耗性能 　　2.try catch捕获不到异步错误 　　3.try catch可能会导致报错点更模糊** 5、执行顺序 try里面的代码报错的时候,catch里面的代码才会执行,finally里面的代码永远会执行 ca
js使用try，catch，throw
RealRecall的博客
12-18 518
先上代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>请输入 5 和 10 之间的一个数:</p> <input id="demo" type="text"> <button type="button" o
js中try _catch的基本用法
热门推荐
各位看官欢迎来到webshao,点个赞支持下咯!
02-27 1万+
1:事例 链接地址：https://www.runoob.com/jsref/jsref-try-catch.html try { adddlert("欢迎光临！"); } catch(err) { document.getElementById("demo").innerHTML = err.message; } 注： 1.try/catch/finally 语句用于处理代码中...
【JS】try 和 throw 语句
qq_45677671的博客
09-14 970
文章目录语法： 语法： try...catch：语句标记要尝试的语句块，并指定一个出现异常时抛出的响应。 try { nonExistentFunction(); } catch (error) { console.error(error); // 预期输出：ReferenceError: nonExistentFunction未定义 // 注意：错误消息将根据浏览器的不同而不同 } ...
基于 HTML+ECharts 实现的大数据可视化平台模板（含源码）
最新发布
柯晓楠
07-24 2690
大数据的可视化对于企业决策、市场分析和业务洞察至关重要。通过直观的数据展示，团队可以快速理解复杂的数据模式，发现潜在的业务机会。本文将详细介绍如何利用 HTML 和 ECharts 实现一个功能丰富的大数据可视化平台模板。
[HTML]一文掌握
CSDN20221005的博客
07-21 890
场景：在网页的底部导航中通常会用到。语法：dl>dt>dd特点：dd前会默认显示缩进效果注意：dl中只允许包含dt/dd标签dt/dd中可以包含任意内容。
前端与HTML
m0_65544927的博客
07-21 494
HTML 不是一种编程语言，而是一种标记语言HyperTextMarkupLanguage。
try catch throw 的作用
11-10
JavaScript中的try-catch语句用于捕获和处理异常。当代码块中的代码发生错误时，try-catch语句会捕获异常并执行相应的代码块。try语句包含可能会发生错误的代码块，而catch语句包含处理错误的代码块。如果try语句中的代码块发生错误，JavaScript会跳过try语句中的剩余代码，并执行catch语句中的代码块。throw语句用于手动抛出异常，可以在try语句中使用它来模拟错误并测试catch语句的功能。 例如，以下代码演示了try-catch语句的用法： ``` try { // 可能会发生错误的代码块 const x = y + 1; } catch (error) { // 处理错误的代码块 console.log("发生了错误：" + error.message); } ``` 在这个例子中，由于变量y未定义，所以会发生错误。try语句中的代码块会被跳过，而catch语句中的代码块会被执行，输出错误信息"发生了错误：y is not defined"。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值