JavaScript / 前端

语法

try
{
//执行的代码
}
catch(err)
{
//处理错误
}

实例

<!DOCTYPE html>
<html>
<head>
<script>
var txt="";
function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Error description: " + err.message + "\n\n";
  txt+="Click OK to continue.\n\n";
  alert(txt);
  }
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()">
</body>
</html>

运行结果

创建自定义错误(抛出异常)

语法

throw exception  //exception可以是JavaScript字符串、数字、逻辑值或对象

实例

检测输入的值是否在5-10范围内

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
try
  {
  // 获取id为demo的标签的值
  var x=document.getElementById("demo").value;
  // 如果为空
  if(x=="")    throw "值为空";
  // 如果不是数字
  if(isNaN(x)) throw "不是一个数字";
  // 如果大于10
  if(x>10)     throw "数值太大";
  // 如果小于5
  if(x<5)      throw "数值太小";
  }
catch(err)
  {
  // 获取id为mess的标签
  var y=document.getElementById("mess");
  // 标签内输出错误
  y.innerHTML="Error: " + err + ".";
  }
}
</script>
</head>
<body>
<h1>抛出异常</h1>
<p>请输入5-10的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>
</body>
</html>

运行结果

发表回复