JavaScript -- throw、try 和 catch

简介: try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。很想java哦。DOCTYPE html> JavaScript异常处理 请输出一个 5 到 10 之间的数字:...

try 语句测试代码块的错误。

catch 语句处理错误。

throw 语句创建自定义错误。

很想java哦。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>JavaScript异常处理</title>
    </head>

    <body>

        <p>请输出一个 5 到 10 之间的数字:</p>

        <input id="demo" type="text">
        <button type="button" onclick="exception()">测试输入</button>
        <p id="message"></p>
        <script type="text/javascript" src="test.js"></script>
    </body>

</html>

Js代码:

function exception() {
    var message, x;
    message = document.getElementById("message");
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try { 
        if(x == "")  throw "值为空";
        if(isNaN(x)) throw "不是数字";
        x = Number(x);
        if(x < 5)    throw "太小";
        if(x > 10)   throw "太大";
        if(x>5 && x<10){
            message.innerHTML = "正确: " + x;
        }
    }
    catch(err) {
        message.innerHTML = "错误: " + err;
    }
}

 

相关文章
|
JavaScript 前端开发
JS try catch用法:异常处理
【10月更文挑战第12天】try/catch` 是 JavaScript 中非常重要的一个特性,它可以帮助我们更好地处理程序中的异常情况,提高程序的可靠性和稳定性。
841 56
|
机器学习/深度学习 JavaScript 前端开发
JavaScript 错误 - throw、try 和 catch
JavaScript 错误 - throw、try 和 catch
356 3
|
JavaScript
JS异常处理——throw和try、catch以及debugger
JS异常处理——throw和try、catch以及debugger
|
前端开发 JavaScript API
📕重学JavaScript:Promise 的then()、catch() 和 finally()
大部分时候,你要用的 Promise 对象是 Web API 或第三方 API 返回的。我们要设置 Promise 对象,让它在变成 fulfilled 的时候执行我们想要的成功的代码,而在变成 rejected 的时候执行我们想要的失败的代码。
916 0
📕重学JavaScript:Promise 的then()、catch() 和 finally()
|
前端开发 JavaScript
web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码
web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码
749 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
593 2
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
440 1
JavaScript中的原型 保姆级文章一文搞懂
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
353 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
713 5
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
552 4