我在JSFiddle上,由于某种原因,仅当JS代码位于HTML选项卡中的标记中时,才会显示try-catch错误消息,但是当它位于单独的JS选项卡中时,try-catch错误将不会显示。 t打印。
这将起作用:
<!DOCTYPE html>
<html>
<body>
<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="p01"></p>
<script>
function myFunction() {
var message, x;
message = document.getElementById("p01");
message.innerHTML = "";
x = document.getElementById("demo").value;
try {
if(x == "") throw "empty";
if(isNaN(x)) throw "not a number";
x = Number(x);
if(x < 5) throw "too low";
if(x > 10) throw "too high";
}
catch(err) {
message.innerHTML = "Input is " + err;
}
}
</script>
</body>
</html>
答案 0 :(得分:2)
小提琴上的JS部分似乎是局部作用域的。如果将函数声明更改为window.myFunction = function() {
以使其全局,它将按预期运行。