第七章 JavaScript异常处理

最新推荐文章于 2021-06-05 10:35:12 发布

wdpc2008

最新推荐文章于 2021-06-05 10:35:12 发布

阅读量123

点赞数

分类专栏： js 文章标签： JavaScript 浏览器脚本 HTML ViewUI

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.Array对象的使用
2.Date对象的使用
3.Math对象的使用

1.JavaScript 中的对话框
2.了解JavaScript异常处理
3.解决JavaScript中的异常

[size=large]JavaScript 中的对话框[/size]

1.alert():方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
2.confirm():方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
3.prompt():方法用于显示可提示用户进行输入的对话框

[size=large]alert()[/size]

alert(message)
message 要在window上弹出的对话框中显示的纯文本（而非 HTML 文本）
<html>
<head>
<script type="text/javascript">
function display_alert() {
alert("I am an alert box!!")
}
</script>
</head>
<body>
<input type="button" οnclick="display_alert()"
value="Display alert box" />
</body>
</html>

[size=large]显示带有折行的对话框[/size]

<html>
<head>
<script type="text/javascript">
function disp_alert(){
alert("再打个招呼。这里演示了" + "\n" + "如何在消息框中添加折行。");
}
</script>
</head>
<body>
<input type="button" οnclick="disp_alert()" value="显示消息框" />
</body>
</html>

[size=large]confirm()确认对话框[/size]

confirm(message)
message 要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本）
如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。
在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 confirm() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。
提示：对话框按钮的文字是不可改变的，因此请小心地编写问题或消息，使它适合用确认和取消来回答。

[size=large]Confirm示例[/size]

<html>
<head>
<script type="text/javascript">
function disp_confirm() {
var r=confirm("你确认关闭当前窗口吗?")
if (r==true) {
window.close();
}
else{
document.write("您选择了取消关闭当前窗口!");
}
}
</script>
</head>
<body>
<input type="button" οnclick="disp_confirm()" value="关闭窗口"/>
</body>
</html>

[size=large]prompt()提示框[/size]

prompt(text,defaultText)
text 可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。
defaultText 可选。默认的输入文本。
如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。
在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 prompt() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。

[size=large]prompt()提示框示例[/size]

<html>
<head>
<script type="text/javascript">
function disp_prompt(){
var name=prompt("请输入您的姓名:","")
if (name!=null && name!=""){
document.write("Hello " + name + "!")
}
}
</script>
</head>
<body>
<input type="button" οnclick="disp_prompt()"
value="提示对话框示例" />
</body>
</html>

[size=large]try...catch 语句 [/size]

语法：
try{
//在此运行代码
}catch(err){
//在此处理错误
}
注意：try...catch 使用小写字母。大写字母会出错。
下面的例子原本用在用户点击按钮时显示 "Welcome guest!" 这个消息。不过 message() 函数中的 alert() 被误写为 adddlert()。这时错误发生了：

[size=large]示例—异常的出现[/size]

<html>
<head>
<script type="text/javascript">
function message(){
adddlert("Welcome guest!");
}
</script>
</head>
<body>
<input type="button" value="View message" οnclick="message()" />
</body>
</html>
我们可以添加 try...catch 语句，这样当错误发生时可以采取更适当的措施。
下面的例子用 try...catch 语句重新修改了脚本。由于误写了 alert()，所以错误发生了。不过这一次，catch 部分捕获到了错误，并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。

<html>
<head>
<script type="text/javascript">
var txt=""
function message(){
try{
adddlert("Welcome guest!")
}catch(err){
txt="此页面存在一个错误。\n\n"
txt+="错误描述: " + err.description + "\n\n"
txt+="点击OK继续。\n\n"
alert(txt)
}
}
</script>
</head>
<body>
<input type="button" value="View message" οnclick="message()" />
</body>
</html>

[size=large]示例2[/size]

下一个例子会显示一个确认框，让用户来选择在发生错误时点击确定按钮来继续浏览网页，还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false，代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true，那么代码什么也不会做。
<html>
<head>
<script type="text/javascript">
var txt=""
function message(){
try {
adddlert("Welcome guest!")
}catch(err) {
txt="There was an error on this page.\n\n"
txt+="Click OK to continue viewing this page,\n"
txt+="or Cancel to return to the home page.\n\n"
if(!confirm(txt)) {
document.location.href="http://www.w3school.com.cn/"
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" οnclick="message()" />
</body>
</html>

[size=large]throw[/size]

throw 声明的作用是创建 exception（异常或错误）。
throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。
exception 可以是字符串、整数、逻辑值或者对象。
注意：使用小写字母编写 throw。使用大写字母会出错！

下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0，错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。
示例
<script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:","")
try
{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
}
catch(er)
{
if(er=="Err1")
alert("Error! The value is too high")
if(er == "Err2")
alert("Error! The value is too low")
}
</script>
总结:
JS中三个对话框各有什么特点.
写一个JS中异常处理的示例.

wdpc2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第七章 JavaScript异常处理

1.Array对象的使用2.Date对象的使用3.Math对象的使用1.JavaScript 中的对话框2.了解JavaScript异常处理3.解决JavaScript中的异常[size=large]JavaScript 中的对话框[/size]1.alert():方法用于显示带有一条指定消息和一个 OK 按钮的警告框。2.confirm():方法用于显...
复制链接

扫一扫