使用JavaScript异常在页面显示错误提示的方法
2015-05-31 02:31
751 查看
<!DOCTYPE html>
<html>
<body>
<script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误：" + err + "。";
}
}
</script>
<h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字：</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入值</button>
<p id="mess"></p>
</body>
</html>
<html>
<body>
<script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误：" + err + "。";
}
}
</script>
<h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字：</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入值</button>
<p id="mess"></p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- extJS5.1-----利用sencha cmd建立工程项目
- ExtJS 是什么？与JavaScript、Ajax和Ext的区别及联系是什么？
- 【关于JavaScript】自动计算的实例
- json数据表示
- 【关于JavaScript】常见表单用户名、密码不能为空
- JavaScript 开发的45个经典技巧
- JSP 动作
- IDEA 升级备注 jsch-0.1.51
- JSR 303 - Bean Validation 介绍及最佳实践
- 一些自学的html/javascript代码（setTimeout， alert， 定格动画）
- javascript客户端检测技术
- 自定义属性之图片切换实例——代码简化、函数合并——JS学习笔记2015-5-30（第43天）
- javascript笔记（一）
- a标签的href与onclick中使用js的区别
- JSON入门学习案例笔记
- javascript基础
- 【开发-Web】Jsp与Servlet的区别？
- JavaScript 开发的45个经典技巧
- JS静态变量和静态函数
- javascript判断IE6 7 8 9