1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>菜鸟教程(runoob.com)</title>
  6. <script>
  7. var txt="";
  8. function message(){
  9.     try {
  10.         adddlert("Welcome guest!");
  11.     }
  12.     catch(err) {
  13.         txt="本页有一个错误。\n\n";
  14.         txt+="错误描述：" + err.message + "\n\n";
  15.         txt+="点击确定继续。\n\n";
  16.         alert(txt);
  17.     }
  18. }
  19. </script>
  20. </head>
  21. <body>
  22.  
  23. <input type="button" value="查看消息" onclick="message()" />
  24.  
  25. </body>
  26. </html>

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>菜鸟教程(runoob.com)</title>
  6. </head>
  7. <body>
  8. <p>不管输入是否正确，输入框都会再输入后清空。</p>
  9. <p>请输入 5 ~ 10 之间的数字：</p>
  10.  
  11. <input id="demo" type="text">
  12. <button type="button" onclick="myFunction()">点我</button>
  13.  
  14. <p id="p01"></p>
  15.  
  16. <script>
  17. function myFunction() {
  18.   var message, x;
  19.   message = document.getElementById("p01");
  20.   message.innerHTML = "";
  21.   x = document.getElementById("demo").value;
  22.   try {
  23.     if(x == "") throw "值是空的";
  24.     if(isNaN(x)) throw "值不是一个数字";
  25.     x = Number(x);
  26.     if(x > 10) throw "太大";
  27.     if(x < 5) throw "太小";
  28.   }
  29.   catch(err) {
  30.     message.innerHTML = "错误: " + err + ".";
  31.   }
  32.   finally {
  33.     document.getElementById("demo").value = "";
  34.   }
  35. }
  36. </script>
  37.  
  38. </body>
  39. </html>

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>菜鸟教程(runoob.com)</title>
  6. </head>
  7. <body>
  8.  
  9. <p>请输出一个 5 到 10 之间的数字:</p>
  10.  
  11. <input id="demo" type="text">
  12. <button type="button" onclick="myFunction()">测试输入</button>
  13. <p id="message"></p>
  14.  
  15. <script>
  16. function myFunction() {
  17.     var message, x;
  18.     message = document.getElementById("message");
  19.     message.innerHTML = "";
  20.     x = document.getElementById("demo").value;
  21.     try {
  22.         if(x == "")  throw "值为空";
  23.         if(isNaN(x)) throw "不是数字";
  24.         x = Number(x);
  25.         if(x < 5)    throw "太小";
  26.         if(x > 10)   throw "太大";
  27.     }
  28.     catch(err) {
  29.         message.innerHTML = "错误: " + err;
  30.     }
  31. }
  32. </script>
  33.  
  34. </body>
  35. </html>

吴裕雄--天生自然 JAVASCRIPT开发学习： 错误 - throw、try 和 catch的更多相关文章

  1. 吴裕雄--天生自然 JAVASCRIPT开发学习： 表单

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> ...

  2. 吴裕雄--天生自然 JAVASCRIPT开发学习：对象 实例（2）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. 吴裕雄--天生自然 JAVASCRIPT开发学习：条件语句

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  4. 吴裕雄--天生自然 JAVASCRIPT开发学习：对象

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  5. 吴裕雄--天生自然 JAVASCRIPT开发学习

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  6. 吴裕雄--天生自然 JAVASCRIPT开发学习：函数定义

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  7. 吴裕雄--天生自然 JAVASCRIPT开发学习： this 关键字

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  8. 吴裕雄--天生自然 JAVASCRIPT开发学习： 验证 API

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> ...

  9. 吴裕雄--天生自然 JAVASCRIPT开发学习： 正则表达式

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

随机推荐

  1. Spring 配置Beans

    <bean id="UserDao" class="com.jikexueyuan.dao.impl.UserDaoImpl"> <prope ...

  2. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons)：glyphicon glyphicon-pencil

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  3. ACM-最优配餐

    题目描述: 最优配餐  时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述 栋栋最近开了一家餐饮连锁店,提供外卖服务.随着连锁店越来越多,怎么合理的给客户送餐成为了一个急需解决的问 ...

  4. HDU - 6152 Friend-Graph（暴力）

    题意:给定n个人的关系,若存在三个及以上的人两两友好或两两不友好,则"Bad Team!",否则"Great Team!". 分析:3000*3000内存100 ...

  5. 20170305深圳Meetup Rails中CSS，JS引用关系分析

    新手上路,若有错误请及时提醒 Rails中CSS,JS引用关系分析 一.Rails静态文件存放位置 二.Rails中CSS引用方式 三.Rails中JS引用方式与CSS类似 四.上面都是默认引用app ...

  6. 079-PHP数组排序，两次循环法封装成函数

    <?php function mysort($arr){ //将排序的代码封装为函数 echo '<br />数组排序之前的信息:<br />'; print_r($ar ...

  7. servlet的基本类和接口

    javax.servlet.Servlet接口 javax.servlet.GenericServlet类(协议无关版本) javax.servlet.http.HttpServlet类(HTTP版本 ...

  8. 八、React实战：可交互待办事务表（表单使用、数据的本地缓存local srtorage、生命同期函数（页面加载就会执行函数名固定为componentDidMount()））

    一.项目功能概述 示例网址:http://www.todolist.cn/ 功能: 输入待做事项,回车,把任务添加到 [正在进行] [正在进行] 任务,勾选之后,变成已[经完成事项] [已完成事务], ...

  9. Python MySQL Update

    章节 Python MySQL 入门 Python MySQL 创建数据库 Python MySQL 创建表 Python MySQL 插入表 Python MySQL Select Python M ...

  10. c++程序—浮点数

    #include<iostream> using namespace std; int main() { //2.单精度float //3.双精度double //默认情况下会输出6位有效 ...