JavaScript錯誤_throw、try和catch

Pop_Rain發表於2017-07-13
JavaScript

throw 語句建立自定義錯誤

try 語句測試程式碼塊的錯誤

catch 語句處理錯誤

<!DOCTYPE html>
<html>
<head>
<title>17th_test</title>
<meta charset="gb2312">
</head>

<body>
<h1>請輸出一個 5 到 10 之間的數字:</h1>
<input id="num" type="text" />
<button type="button" onclick="myFunction()">測試輸入</button>
<p id="result"></p>

<script>
function myFunction()
{
	var res = document.getElementById("result");
	var data = document.getElementById("num").value;
	try
	{
		if(data == "")
			throw "不能為空，重新輸入";
		if(isNaN(data))  //沒有else if，只能用if
			throw "不是數字，重新輸入";
		data = Number(data);
		if(data < 5)
			throw "錯誤：太小";
		if(data > 10)
			throw "錯誤：太大";
		else
			res.innerHTML = "正確";
	}
	catch(err)
	{
		res.innerHTML = err;
	}
}
</script>
</body>
</html>
output：


相關文章