JS——try catch throw

最新推荐文章于 2025-06-11 20:51:36 发布

转载最新推荐文章于 2025-06-11 20:51:36 发布 · 105 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wuqiuxue/p/7685829.html

文章标签：

#javascript #ViewUI

本文介绍了一个JavaScript函数，该函数使用try...catch结构来检测输入值是否符合预期条件，并针对不同的错误情况抛出并捕获异常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本例检测输入变量的值。如果值是错误的，会抛出一个异常（错误）。catch 会捕捉到这个错误，并显示一段自定义的错误消息：

<script>
function myFunction()
{
try
  {
  var x=document.getElementById("demo").value;
  if(x=="")    throw "empty";
  if(isNaN(x)) throw "not a number";
  if(x>10)     throw "too high";
  if(x<5)      throw "too low";
  }
catch(err)
  {
  var y=document.getElementById("mess");
  y.innerHTML="Error: " + err + ".";
  }
}
</script>

<h1>My First JavaScript</h1>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>