JavaScript学习笔记2.docx

1、JavaScript学习笔记2JavaScript学习笔记（2）1 JavaScript Try.Catch 语句try.catch 的作用是测试代码中的错误。（1）当我们在网上冲浪时，总会看到带有 runtime 错误的 Javascript 警告框，同时会询问我们“是否进行 debug？”。像这样的错误信息或许对开发人员有用，对用户则未必。当错误发生时，他们往往会选择离开这个站点。本节向你讲解如何捕获和处理 Javascript 的错误消息，这样就可以为受众提供更多的便利。有两种在网页中捕获错误的方法：使用 try.catch 语句。(在 IE5+、Mozilla 1.0、和 Netsca

2、pe 6 中可用) 使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)注意：chrome、opera 和 safari 浏览器不支持 onerror 事件。Try.Catch 语句try.catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。语法：try /在此运行代码catch(err) /在此处理错误注意：try.catch 使用小写字母。大写字母会出错。（2）实例 1下面的例子原本用在用户点击按钮时显示 Welcome guest! 这个消息。不过 message() 函数中的 ale

3、rt() 被误写为 adddlert()。这时错误发生了：function message()adddlert(Welcome guest!)我们可以添加 try.catch 语句，这样当错误发生时可以采取更适当的措施。下面的例子用 try.catch 语句重新修改了脚本。由于误写了 alert()，所以错误发生了。不过这一次，catch 部分捕获到了错误，并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。var txt=function message()try adddlert(Welcome guest!) catch(err) txt=此页面

4、存在一个错误。nn txt+=错误描述: + err.description + nn txt+=点击OK继续。nn alert(txt) （3）实例 2下一个例子会显示一个确认框，让用户来选择在发生错误时点击确定按钮来继续浏览网页，还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false，代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true，那么代码什么也不会做。var txt=function message()try adddlert(Welcome guest!) catch(err) txt=There was an error on t

5、his page.nn txt+=Click OK to continue viewing this page,n txt+=or Cancel to return to the home page.nn if(!confirm(txt) document.location.href= 2 JavaScript Throw 声明throw 声明的作用是创建 exception（异常或错误）。throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try.catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。语法：throw(exception)excepti

6、on 可以是字符串、整数、逻辑值或者对象。注意：使用小写字母编写 throw。使用大写字母会出错！实例 1下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0，错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。var x=prompt(Enter a number between 0 and 10:,)try if(x10) throw Err1else if(x0)throw Err2 catch(er)if(er=Err1) alert(Error! The value is too high)if(er = Err2

7、) alert(Error! The value is too low) 3. JavaScript onerror 事件如何使用 onerror 事件捕获网页中的错误。（chrome、opera、safari 浏览器不支持）（1）onerror 事件我们刚讲过如何使用 try.catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。只要页面中出现脚本错误，就会产生 onerror 事件。如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)

8、。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）。（2）语法：onerror=handleErrfunction handleErr(msg,url,l)/Handle the error herereturn true or false浏览器是否显示标准的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScript console) 中显示错误消息。反之则不会。（3）实例：下面的例子展示如何使用 onerror 事件来捕获错误：onerror=handleErrvar txt=

9、function handleErr(msg,url,l)txt=There was an error on this page.nntxt+=Error: + msg + ntxt+=URL: + url + ntxt+=Line: + l + nntxt+=Click OK to continue.nnalert(txt)return truefunction message()adddlert(Welcome guest!)4. JavaScript 特殊字符你可以在 JavaScript 中使用反斜杠来向文本字符串添加特殊字符。（1）插入特殊字符反斜杠用来在文本字符串中插入省略号、换行

10、符、引号和其他特殊字符。请看下面的 JavaScript 代码：var txt=We are the so-called Vikings from the north.document.write(txt)在 JavaScript 中，字符串使用单引号或者双引号来起始或者结束。这意味着上面的字符串将被截为：We are the so-called。要解决这个问题，就必须把在 Viking 中的引号前面加上反斜杠 ()。这样就可以把每个双引号转换为字面上的字符串。var txt=We are the so-called Vikings from the north.document.write(

11、txt)现在 JavaScript 就可以输出正确的文本字符串了：We are the so-called Vikings from the north。（2）这是另一个例子：document.write (You & me are singing!)上面的例子会产生以下输出：You & me are singing!下面的表格列出了其余的特殊字符，这些特殊字符都可以使用反斜杠来添加到文本字符串中：代码输出单引号双引号&和号反斜杠n换行符r回车符t制表符b退格符f换页符5. JavaScript 指导方针本节的内容是：在使用 JavaScript 进行编码的过程中，其他一些需要了解的重要事项。

12、（1）JavaScript 对大小写敏感名为 myfunction 的函数和名为 myFunction 的函数是两个不同的函数，同样，变量 myVar 和变量 myvar 也是不同的。JavaScript 对大小写敏感 - 所以当您创建或使用变量、对象及函数时，请注意字符的大小写。（2）空格JavaScript 会忽略多余的空格。所以您可以在代码中添加适当的空格，使得代码的可读性更强。下面的两行是等效的：name=Hegename = Hege（3）换行您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的：document.write(Hello World!)但是不能像这样折行：document.write (Hello World!)第二章1. JavaScript 对象简介JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力