1 包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前，脚本已经载入了。 执行位于 body 部分的脚本:消息在加载时输出 链接外部脚本

实际的脚本位于名为 "xxx.js" 的外部脚本中。

显示警告框 定义的第一个变量是name name被赋予函数prompt的返回值，其中prompt的参数是字符串："请输入您的名字"和"Bill Gates" 如果name变量不为空，就在文档中写入 ("你好！" + name + " 今天过得怎么样？")如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本 提示框 提示框经常用于提示用户在进入页面前输入某个值。 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。 语法： prompt("文本","默认值")

通过点击这个按钮，可以调用一个函数。该函数会提示一条消息。

通过点击这个按钮，可以调用一个带参数的函数。该函数会输出这个参数。

通过点击这个按钮，可以调用一个函数。该函数会输出传递给它的参数。

body 部分中的脚本调用一个函数。

该函数返回一段文本。

body 部分中的脚本调用一个带有两个参数（6 和 5）的函数。

该函数会返回这两个参数的乘积。

如何定义函数 创建函数的语法： function 函数名(var1,var2,...,varX) { 代码．．． } var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。注意：无参数的函数必须在其函数名后加括号： function 函数名() 　　{ 　　代码．．． 　　} 注意：别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的，否则 JavaScript 就会出错。另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。 return 语句 return 语句用来规定从函数返回的值。 因此，需要返回某个值的函数必须使用这个 return 语句。 例子 下面的函数会返回两个数相乘的值（a 和 b）： function prod(a,b) { x=a*b return x } 当您调用上面这个函数时，必须传入两个参数： product=prod(2,3) 而从 prod() 函数的返回值是 6，这个值会存储在名为 product 的变量中。 JavaScript 变量的生存期 当您在函数内声明了一个变量后，就只能在该函数中访问该变量。当退出该函数后，这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。 如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束。 for 循环 在脚本的运行次数已确定的情况下使用 for 循环。语法： for (变量=开始值;变量<=结束值;变量=变量+步进值) { 需执行的代码 }

解释：

i 等于 0。

当 i 小于或等于 5 时，循环将继续运行。

循环每运行一次，i 会累加 1。

事件avaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。 事件举例： 鼠标点击 页面或图像载入 鼠标悬浮于页面的某个热点之上 在单中选取输入框 确认表单 键盘按键 事件句柄 HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作。 FF: Firefox, N: Netscape, IE: Internet Explorer 属性 当以下情况发生时，出现此事件 FF N IE onabort 图像加载被中断 1 3 4 onblur 元素失去焦点 1 2 3 onchange 用户改变域的内容 1 2 3 onclick 鼠标点击某个对象 1 2 3 ondblclick 鼠标双击某个对象 1 4 4 onerror 当加载文档或图像时发生某个错误 1 3 4 onfocus 元素获得焦点 1 2 3 onkeydown 某个键盘的键被按下 1 4 3 onkeypress 某个键盘的键被按下或按住 1 4 3 onkeyup 某个键盘的键被松开 1 4 3 onload 某个页面或图像被完成加载 1 2 3 onmousedown 某个鼠标按键被按下 1 4 4 onmousemove 鼠标被移动 1 6 3 onmouseout 鼠标从某元素移开 1 4 4 onmouseover 鼠标被移到某元素之上 1 2 3 onmouseup 某个鼠标按键被松开 1 4 4 onreset 重置按钮被点击 1 3 4 onresize 窗口或框架被调整尺寸 1 4 4 onselect 文本被选定 1 2 3 onsubmit 提交按钮被点击 1 2 3 onunload 用户退出页面 1 2 3 Try...Catch 语句 try...catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。 语法： try { //在此运行代码} catch(err) { //在此处理错误 } 注意：try...catch 使用小写字母。大写字母会出错 实例 1 下面的例子原本用在用户点击按钮时显示 "Welcome guest!" 这个消息。不过 message() 函数中的 alert() 被误写为 adddlert()。这时错误发生了： 我们可以添加 try...catch 语句，这样当错误发生时可以采取更适当的措施。 下面的例子用 try...catch 语句重新修改了脚本。由于误写了 alert()，所以错误发生了。不过这一次，catch 部分捕获到了错误，并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。 实例 2 下一个例子会显示一个确认框，让用户来选择在发生错误时点击确定按钮来继续浏览网页，还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false，代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true，那么代码什么也不会做。 Throw 声明 throw 声明的作用是创建 exception（异常）。你可以把这个声明与 try...catch 声明配合使用，以达到控制程序流并产生精确错误消息的目的。 语法： throw(exception) exception 可以是字符串、整数、逻辑值或者对象。 注意：使用小写字母编写 throw。使用大写字母会出错！ 实例 1 下面的实例的作用是测定变量 x 的值。如果 x 的值大于 10 或者小于 0，错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。 onerror 事件 我们刚讲过如何使用 try...catch 声明来捕获网页中的错误。现在，我们继续讲解如何使用 onerror 事件来达到相同的目的。 只要页面中出现脚本错误，就会产生 onerror 事件。 如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）。 语法： onerror=handleErrfunction handleErr(msg,url,l) { //Handle the error here return true or false } 浏览器是否显示的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScript console) 中显示错误消息。反之则不会。 1