JavaScript学习笔记

JavaScript 在数百万张页面中 在数百万张页面中 JavaScript 被用来改进设计 验证表单 检测浏览器 创建被用来改进设计 验证表单 检测浏览器 创建 cookies 等等等等 等等等等 JavaScript 是因特网上最流行的脚本语言 并且可以在所有主要的浏览是因特网上最流行的脚本语言 并且可以在所有主要的浏览 器中运行 比方说器中运行 比方说 Internet Explorer Mozilla Firefox Netscape 和和 Opera 什么是什么是 JavaScript JavaScript 被设计用来向 HTML 页面添加交互行为 JavaScript 是一种脚本语言 脚本语言是一种轻量级的编程语言 JavaScript 由数行可执行计算机代码组成 JavaScript 通常被直接嵌入 HTML 页面 JavaScript 是一种解释性语言 就是说 代码执行不进行预编译 所有的人无需购买许可证均可使用 JavaScript Java 和和 JavaScript 是相同的吗 是相同的吗 不同 在概念和设计方面 Java 和 JavaScript 是两种完全不同的语言 JavaScript 能做什么 能做什么 JavaScript 为为 HTML 设计师提供了一种编程工具 设计师提供了一种编程工具 HTML 创作者往往都不是程序员 但是 JavaScript 却是一种只拥有极其简单的语法的脚本语 言 几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中 JavaScript 可以将动态的文本放入可以将动态的文本放入 HTML 页面页面 类似于这样一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面 document write name JavaScript 可以对事件作出响应可以对事件作出响应 可以将 JavaScript 设置为当某时间发生时才会被执行 例如页面载入完成或者当用户点击某 个 HTML 元素时 JavaScript 可以读写可以读写 HTML 元素元素 JavaScript 可以读取及改变 HTML 元素的内容 JavaScript 可被用来验证数据可被用来验证数据 在数据被提交到服务器之前 JavaScript 可被用来验证这些数据 JavaScript 可被用来检测访问者的浏览器可被用来检测访问者的浏览器 JavaScript 可被用来检测访问者的浏览器 并根据所检测到的浏览器 为这个浏览器载入相 应的页面 JavaScript 可被用来创建可被用来创建 cookies JavaScript 可被用来存储和取回位于访问者的计算机中的信息 真实的名称是真实的名称是 ECMAscript JavaScript 的正式名称是 ECMAscript 这个标准由 ECMA 组织发展和维护 这个标准仍然 处于发展中 HTML 的标签用于把 JavaScript 插入 HTML 页面当中 如何把如何把 JavaScript 放入放入 HTML 页面页面 document write Hello World 上面的代码会在 HTML 页面中产生这样的输出 Hello World 解释 解释 如果需要把一段 JavaScript 插入 HTML 页面 需要使用标签 同时使用 type 属性来定义脚本语言 这样 和就告诉浏览器 JavaScript 从何处开始 到何处结束 document write 字段是标准的 JavaScript 命令 用来向页面写入输出 把 document write 命令输入到与之间后 浏览器就会 把它当作一条 JavaScript 命令来执行 这样浏览器就会像页面写入 Hello World document write Hello World 注意 注意 如果不使用标签 浏览器就会把 document write Hello World 当作纯文本 来处理 也就是说会把这条命令本身写到页面上 当页面载入时 会执行位于当页面载入时 会执行位于 body 部分的部分的 JavaScript 当被调用时 位于当被调用时 位于 head 部分的部分的 JavaScript 才会被执行 才会被执行 在哪里放置在哪里放置 JavaScript 页面中的脚本会在页面载入浏览器后立即执行 我们并不总希望这样 有时我们希望当页 面载入时执行脚本 而有时我们则希望当用户触发事件时才执行脚本 位于位于 head 部分的脚本 部分的脚本 当脚本被调用时 或者当事件被触发时 脚本就会被执行 当你把脚本放置到 head 部分后 就可以确保在需要使用脚本之前 它已经被载入了 位于位于 body 部分的脚本 部分的脚本 在页面载入时脚本就会被执行 当你把脚本放置于 body 部分后 它就会生成页面的内容 在在 body 和和 head 部分的脚本 部分的脚本 你可以在文档中放置任何数量的脚本 因此你既可以把脚本放置到 body 又可以放置到 head 部分 使用外部使用外部 JavaScript 有时 也许希望在若干个页面中运行 JavaScript 同时不在每个页面中写相同的脚本 为了达到这个目的 你可以将 JavaScript 写入一个外部文件之中 然后以 js 为后缀保存这 个文件 注意 注意 外部文件不能包含标签 然后把 js 文件指定给标签中 src 属性 就可以使用这个外部文件了 提示 提示 可以把 js 文件放到网站目录中通常存放脚本的子目录中 这样更容易管理和维护 JavaScript 是由浏览器执行的语句序列 是由浏览器执行的语句序列 JavaScript 语句语句 JavaScript 语句是发给浏览器的命令 这些命令的作用是告诉浏览器要做的事情 这个 JavaScript 语句告诉浏览器向网页输出 Hello world document write Hello world 通常要在每行语句的结尾加上一个分号 大多数人都认为这是一个好的编程习惯 而且在 web 上的 JavaScript 案例中也常常会看到这种情况 分号是可选的 根据 JavaScript 标准 浏览器把行末作为语句的结尾 正因如此 常常会 看到一些结尾没有分号的例子 注释 注释 通过使用分号 可以在一行中写多条语句 JavaScript 代码代码 JavaScript 代码是 JavaScript 语句的序列 浏览器按照编写顺序依次执行每条语句 本例向网页输出一个标题和两个段落 document write This is a header document write This is a paragraph document write This is another paragraph JavaScript 代码快代码快 JavaScript 可以分批地组合起来 代码快以左花括号开始 以右花括号结束 代码快的作用是一并地执行语句序列 本例向网页输出一个标题和两个段落 document write This is a header document write This is a paragraph document write This is another paragraph 上例的用处不大 仅仅演示了代码快的使用而已 通常 代码块用于在函数或条件语句中 把若干语句组合起来 比方说如果条件满足 就可以执行这个语句分组了 JavaScript 注释可用于增强代码的可读性 注释可用于增强代码的可读性 JavaScript 注释注释 可添加注释来对 JavaScript 进行解释 或者提高其可读性 单行的注释以 开始 本例用单行注释来解释代码 这行代码输出标题 document write This is a header 这行代码输出段落 document write This is a paragraph document write This is another paragraph JavaScript 多行注释多行注释 多行注释以 开头 以 结尾 本例使用多行注释来解释代码 下面的代码将输出 一个标题和两个段落 document write This is a header document write This is a paragraph document write This is another paragraph 使用注释来防止执行使用注释来防止执行 在本例中 我们用注释来阻止一行代码的执行 document write This is a header document write This is a paragraph document write This is another paragraph 在本例中 我们用注释来阻止若干行代码的执行 document write This is a header document write This is a paragraph document write This is another paragraph 在行末使用注释 在本例中 注释放置在语句的行末 document write Hello 输出 Hello document write World 输出 World 变量是用于存储信息的容器 变量是用于存储信息的容器 x 5 length 66 10 JavaScript 变量变量 正如代数一样 JavaScript 变量用于保存值或表达式 可以给变量起一个简短名称 比如 x 或者更有描述性的名称 比如 length JavaScript 变量也可以保存文本值 比如 carname Volvo JavaScript 变量名称的规则 变量名称的规则 变量对大小写敏感 y 和 Y 是两个不同的变量 变量必须以字母或下划线开始字母或下划线开始 注释 注释 由于 JavaScript 对大小写敏感 变量名也对大小写敏感 声明 创建 声明 创建 JavaScript 变量变量 在 JavaScript 中创建变量经常被成为 声明 变量 可以通过 var 语句语句来声明 JavaScript 变量 var x var carname 在以上声明之后 变量并没有值 不过可以在声明它们时向变量赋值 var x 5 var carname Volvo 注释 注释 在为变量赋文本值时 请为该值加引号 向向 JavaScript 变量赋值变量赋值 通过赋值语句向 JavaScript 变量赋值 x 5 carname Volvo 变量名在 符号的左边 而需要向变量赋的值在 的右侧 在以上语句执行后 变量 x 中保存的值是 5 而 carname 的值是 Volvo 向未声明的向未声明的 JavaScript 变量赋值变量赋值 如果所赋值的变量还未进行过声明 该变量会自动声明 这些语句 x 5 carname Volvo 与这些语句的效果相同 var x 5 var carname Volvo 重新声明重新声明 JavaScript 变量变量 如果再次声明了 JavaScript 变量 该变量也不会丢失其原始值 var x 5 var x 在以上语句执行后 变量 x 的值仍然是 5 在重新声明该变量时 x 的值不会被重置或清除 JavaScript 算术算术 正如代数一样 可以使用 JavaScript 变量来做算术 y x 5 z y 5 运算符运算符 用于赋值 用于赋值 运算符运算符 用于加值 用于加值 运算符 用于给 JavaScript 变量赋值 算术运算符 用于把值加起来 y 5 z 2 x y z 在以上语句之行后 x 的值是 7 JavaScript 算术运算符算术运算符 算术运算符用于执行变量与赋值之间的算术运算 给 y 5 下面的表格解释了这些算术运算符 运算符运算符描述描述例子例子结果结果 加x y 2x 7 减x y 2x 3 乘x y 2x 10 除x y 2x 2 5 求余数 保留整数 x y 2x 1 累加x yx 6 递减x yx 4 JavaScript 赋值运算符赋值运算符 赋值运算符用于给 JavaScript 变量赋值 给定 x 10 和 y 5 下面的表格见识了赋值运算符 运算符运算符例子例子等价于等价于结果结果 x yx 5 x yx x yx 15 x yx x yx 5 x yx x yx 50 x yx x yx 2 x yx x yx 0 用于字符串的用于字符串的 运算符运算符 运算符用于把文本值或字符串变量加起来 连接起来 如需把两个或多个字符串变量连接起来 请使用 运算符 txt1 What a very txt2 nice day txt3 txt1 txt2 在以上语句执行后 变量 txt3 包含的值是 What a verynice day 要想在两个字符串之间增加空格 需要把空格插入一个字符串之中 txt1 What a very txt2 nice day txt3 txt1 txt2 或者把空格插入表达式中 txt1 What a very txt2 nice day txt3 txt1 txt2 在以上语句执行后 变量 txt3 包含的值是 What a very nice day 对字符串和数字进行加法运算对字符串和数字进行加法运算 请看这些例子 x 5 5 document write x x 5 5 document write x x 5 5 document write x x 5 5 document write x 规则是 规则是 如果把数字与字符串相加 结果将成为字符串 如果把数字与字符串相加 结果将成为字符串 比较和逻辑运算符用于测试比较和逻辑运算符用于测试 true 或或 false 比较运算符比较运算符 比较运算符在逻辑语句中使用 以测定变量或值是否相等 给定 x 5 下面的表格解释了比较运算符 运算符运算符描述描述例子例子 等于x 8 为 false 全等 值与类型 x 5 为 true x 5 为 false 不等于x 8 为 true 大于x 8 为 false 小于x 大于或等于x 8 为 false 小于或等于x 8 为 true 如何使用如何使用 可以在条件语句中使用比较运算符对值进行比较 然后根据结果来采取行动 if age 18 document write Too young 逻辑运算符逻辑运算符 逻辑运算符用于测定变量或值之间的逻辑 给定 x 6 以及 y 3 下表解释了逻辑运算符 运算符运算符描述描述例子例子 如果变量 visitor 中的值是 PRES 则想变量 greeting 赋值 Dear President 否则赋值 Dear JavaScript 中的条件语句用于完成不同条件下的行为 中的条件语句用于完成不同条件下的行为 条件语句条件语句 在编写代码时 经常需要根据不同的条件完成不同的行为 可以在代码中使用条件语句来 完成这个任务 在 JavaScript 中 可以使用下面几种条件语句 if 语句语句 在一个指定的条件成立时执行代码 if else 语句语句 在指定的条件成立时执行代码 当条件不成立时执行另外的代码 if else if else 语句语句 使用这个语句可以选择执行若干块代码中的一个 switch 语句语句 使用这个语句可以选择执行若干块代码中的一个 If 语句语句 如果希望指定的条件成立时执行代码 就可以使用这个语句 语法 if 条件 条件成立时执行代码 注意 注意 请使用小写字母 使用大写的 IF 会出错 实例实例 1 Write a Good morning greeting if the time is less than 10 var d new Date var time d getHours if time 10 document write Good morning 实例实例 2 Write Lunch time if the time is 11 var d new Date var time d getHours if time 11 document write Lunch time 注意 注意 请使用双等号 来比较变量 注意 注意 在语法中没有 else 仅仅当条件为 true 时 代码才会执行 If else 语句语句 如果希望条件成立时执行一段代码 而条件不成立时执行另一段代码 那么可以使用 if else 语句 语法 语法 if 条件 条件成立时执行此代码 else 条件不成立时执行此代码 实例 实例 If the time is less than 10 you will get a Good morning greeting Otherwise you will get a Good day greeting var d new Date var time d getHours if time 10 document write Good morning else document write Good day If else if else 语句语句 当需要选择多套代码中的一套来运行时 请使用 if else if else 语句 if 条件 1 条件 1 成立时执行代码 else if 条件 2 条件 2 成立时执行代码 else 条件 1 和条件 2 均不成立时执行代码 实例 实例 var d new Date var time d getHours if time 10 document write Good morning else if time 10 if r true alert You pressed OK else alert You pressed Cancel 提示框提示框 提示框经常用于提示用户在进入页面前输入某个值 当提示框出现后 用户需要输入某个值 然后点击确认或取消按钮才能继续操作 如果用户点击确认 那么返回值为输入的值 如果用户点击取消 那么返回值为 null 语法 语法 prompt 文本 默认值 实例 实例 function disp prompt var name prompt 请输入您的名字 Bill Gates if name null i 5 i document write 数字是 i document write 解释 for 循环的步进值从 i 0 开始 只要 i 小于等于 5 循环就会继续运行 循环每循环一次 i 就会累加 1 循环产生循环产生 HTML 标题标题 如何使用 loop 循环来产生不同的 HTML 标题 for i 1 i 6 i document write 这是标题 i document write JavaScript 循环循环 在编写代码时 常常会希望反复执行同一段代码 就可以使用循环来完成这个功能 这样 就用不着重复地写若干行相同的代码 JavaScript 有两种不同种类的循环 有两种不同种类的循环 for 将一段代码循环执行指定的次数 while 当指定的条件为 true 时循环执行代码 for 循环循环 在脚本的运行次数已确定的情况下使用 for 循环 语法 语法 for 变量 开始值 变量 结束值 变量 变量 步进值 需执行的代码 解释 解释 下面的例子定义了一个循环程序 这个程序中 i 的起始值为 0 每执行一次循环 i 的 值就会累加一次 1 循环会一直运行下去 直到 i 等于 10 为止 注释 注释 步进值可以为负 如果步进值为负 需要调整 for 声明中的比较运算符 实例 实例 var i 0 for i 0 i 10 i document write The number is i document write 结果 结果 The number is 0 The number is 1 The number is 2 The number is 3 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10 while 循环实例 循环实例 while 循环循环 利用 while 循环在指定条件为 true 时来循环执行代码 i 0 while i 5 document write 数字是 i document write i 解释 i 等于 0 当 i 小于或等于 5 时 循环将继续运行 循环每运行一次 i 会累加 1 Do while 循环循环 利用 do while 循环在指定条件为 true 时来循环执行代码 在即使条件 为 false 时 这种循环也会至少执行一次 这是因为在条件被验证前 这个语句就会执行 i 0 do document write 数字是 i document write i while i 5 解释 i 等于 0 循环首先会运行 每循环一次 i 就会累加 1 当 i 小于或等于 5 时 循环会继续运行 while 循环循环 while 循环用于在指定条件为 true 时循环执行代码 语法 语法 while 变量 结束值 需执行的代码 注意 注意 除了 还可以使用其他的比较运算符 解释 解释 下面的例子定义了一个循环程序 这个循环程序的参数 i 的起始值为 0 该程序会 反复运行 直到 i 大于 10 为止 i 的步进值为 1 实例 实例 var i 0 while i 10 document write The number is i document write i i 1 结果 结果 The number is 0 The number is 1 The number is 2 The number is 3 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10 do while 循环循环 do while 循环是 while 循环的变种 该循环程序在初次运行时会首先执行一遍其中的代 码 然后当指定的条件为 true 时 它会继续这个循环 所以可以这么说 do while 循环 为执行至少一遍其中的代码 即使条件为 false 因为其中的代码执行后才会进行条件验证 语法 语法 do 需执行的代码 while 变量 结束值 实例 实例 var i 0 do document write The number is i document write i i 1 while i 0 结果 结果 The number is 0 有两种可以用在循环中的语句 有两种可以用在循环中的语句 break 和和 continue 实例 实例 break 语句语句 使用 break 语句来终止循环 var i 0 for i 0 i 10 i if i 3 break document write 数字是 i document write 解释 循环会在 i 3 时中断 continue 语句语句 使用 continue 语句来终止当前的循环 然后从下一个值继续执行 var i 0 for i 0 i 10 i if i 3 continue document write 数字是 i document write 解释 当 i 3 时 会中断循环 并从下一个值开始继续循环 JavaScript break 和和 continue 语句语句 有两种特殊的语句可用在循环内部 break 和 continue Break break 命令可以终止循环的运行 然后继续执行循环之后的代码 如果循环之后有代码的 话 实例 实例 var i 0 for i 0 i 10 i if i 3 break document write The number is i document write 结果 结果 The number is 0 The number is 1 The number is 2 Continue continue 命令会终止当前的循环 然后从下一个值继续运行 实例 实例 var i 0 for i 0 i 10 i if i 3 continue document write The number is i document write 结果 结果 The number is 0 The number is 1 The number is 2 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10 For In 声明用于遍历数组或者对象的属性 对数组或者对象的属性进行循环操作 声明用于遍历数组或者对象的属性 对数组或者对象的属性进行循环操作 实例 实例 For In 声明声明 如何使用 For In 声明来遍历数组内的元素 JavaScript For In 声明声明 For In 声明用于对数组或者对象的属性进行循环操作 for in 循环中的代码每执行一次 就会对数组的元素或者对象的属性进行一次操作 语法 语法 for 变量 in 对象 在此执行代码 变量 用来指定变量 指定的变量可以是数组元素 也可以是对象的属性 实例 实例 使用 for in 循环遍历数组 var x var mycars new Array mycars 0 Saab mycars 1 Volvo mycars 2 BMW for x in mycars document write mycars x 事件是可以被事件是可以被 JavaScript 侦测到的行为 侦测到的行为 事件事件 JavaScript 使我们有能力创建动态页面 事件是可以被 JavaScript 侦测到的行为 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件 比方说 可以在用户点 击某按钮时产生一个 onClick 事件来触发某个函数 事件在 HTML 页面中定义 事件举例 事件举例 鼠标点击 页面或图像载入 鼠标悬浮于页面的某个热点之上 在表单中选取输入框 确认表单 键盘按键 注意 注意 事件通常与函数配合使用 当事件发生时函数才会执行 onload 和和 onUnload 当用户进入或离开页面时就会触发 onload 和 onUnload 事件 onload 事件常用来检测访问者的浏览器类型和版本 然后根据这些信息载入特定版本的网 页 onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies 例如 当某用户第一次进入页面时 你可以使用消息框来询问用户的姓名 姓名会保存在 cookie 中 当用户再次进入这个页面时 你可以使用另一个消息框来和这个用户打招呼 Welcome John Doe onFocus onBlur 和和 onChange onFocus onBlur 和 onChange 事件通常相互配合用来验证表单 下面是一个使用 onChange 事件的例子 用户一旦改变了域的内容 checkEmail 函数就 会被调用 onSubmit onSubmit 用于在提交表单之前验证所有的表单域 下面是一个使用 onSubmit 事件的例子 当用户单击表单中的确认按钮时 checkForm 函 数就会被调用 假若域的值无效 此次提交就会被取消 checkForm 函数的返回值是 true 或者 false 如果返回值为 true 则提交表单 反之取消提交 onMouseOver 和和 onMouseOut onMouseOver 和 onMouseOut 用来创建 动态的 按钮 下面是一个使用 onMouseOver 事件的例子 当 onMouseOver 事件被脚本侦测到时 就 会弹出一个警告框 try catch 的作用是测试代码中的错误 的作用是测试代码中的错误 实例 实例 try catch 语句语句 var txt function message try adddlert Welcome guest catch err txt 本页中存在错误 n n txt 错误描述 err description n n txt 点击 确定 继续 n n alert txt 带有确认框的带有确认框的 try catch 语句语句 var txt function message try adddlert Welcome guest catch err txt 本页中存在错误 n n txt 点击 确定 继续查看本页 n txt 点击 取消 返回首页 n n if confirm txt document location href index html JavaScript 捕获错误捕获错误 当我们在网上冲浪时 总会看到带有 runtime 错误的 JavaScript 警告框 同时会询问我们 是否进行 debug 像这样的错误信息或许对开发人员有用 对用户则未必 当错误发 生时 他们往往会选择离开这个站点 本节向你讲解如何捕获和处理 Javascript 的错误消息 这样就可以为受众提供更多的便利 有两种在网页中捕获错误的方法 使用 try catch 语句 在 IE5 Mozilla 1 0 和 Netscape 6 中可用 使用 onerror 事件 这是用于捕获错误的老式方法 Netscape 3 以后的版本可用 注意 注意 chrome opera 和 safari 浏览器不支持 onerror 事件 Try Catch 语句语句 try catch 可以测试代码中的错误 try 部分包含需要运行的代码 而 catch 部分包含错误发 生时运行的代码 语法 语法 try 在此运行代码 catch err 在此处理错误 注意 注意 try catch 使用小写字母 大写字母会出错 实例实例 1 下面的例子原本用在用户点击按钮时显示 Welcome guest 这个消息 不过 message 函数中的 alert 被误写为 adddlert 这时错误发生了 function message adddlert Welcome guest 我们可以添加 try catch 语句 这样当错误发生时可以采取更适当的措施 下面的例子用 try catch 语句重新修改了脚本 由于误写了 alert 所以错误发生了 不 过这一次 catch 部分捕获到了错误 并用一段准备好的代码来处理这个错误 这段代码 会显示一个自定义的出错信息来告知用户所发生的事情 var txt function message try adddlert Welcome guest catch err txt 此页面存在一个错误 n n txt 错误描述 err description n n txt 点击 OK 继续 n n alert txt 实例实例 2 下一个例子会显示一个确认框 让用户来选择在发生错误时点击确定按钮来继续浏览网页 还是点击取消按钮来回到首页 如果 confirm 方法的返回值为 false 代码会把用户重定 向到其他的页面 如果 confirm 方法的返回值为 true 那么代码什么也不会做 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 throw 声明的作用是创建声明的作用是创建 exception 异常或错误 异常或错误 实例实例 throw 声明声明 throw 声明的作用是创建 exception 异常 可以把这个声明与 try catch 声明配合使用 以达到控制程序流并产生精确错误消息的目的 语法 语法 throw exception exception 可以是字符串 整数 逻辑值或者对象 注意 注意 使用小写字母编写 throw 使用大写字母会出错 实例实例 1 下面的实例的作用是测定变量 x 的值 如果 x 的值大于 10 或者小于 0 错误就会被抛 出 throw 这个错误被 catch 的参数捕获后 就会显示出自定义的出错信息 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 使用使用 onerror 事件是一种老式的标准的在网页中捕获事件是一种老式的标准的在网页中捕获 JavaScript 错误的方法 错误的方法 实例实例 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 中显示错误消息 反之则不会 实例 实例 下面的例子展示如何使用 onerror 事件来捕获错误 onerror handleErr var txt function handleErr msg url l txt There was an error on this page n n txt Error msg n txt URL url n txt Line l n n txt Click OK to continue n n alert txt return true function message adddlert Welcome guest 可以在可以在 JavaScript 中使用反斜杠来想文本字符串添加特殊字符 中使用反斜杠来想文本字符串添加特殊字符 插入特殊字符插入特殊字符 反斜杠用来在文本字符串中插入省略号 换行符 引号和其他特殊字符 请看下面的 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 txt 现在 JavaScript 就可以输出正确的文本字符串了 We are the so called Vikings from the north 这是另一个例子 document write You myDate setFullYear 2008 7 9 var today new Date if myDate today alert Today is before 9th August 2008 else alert Today is after 9th August 2008 数组对象的作用是 使用单独的变量名来存储一系列的值 数组对象的作用是 使用单独的变量名来存储一系列的值 JavaScript Array 数组 对象 数组 对象 实例实例 创建数组 创建数组 var mycars new Array mycars 0 Saab mycars 1 Volvo mycars 2 BMW for i 0 i mycars length i document write mycars i For In 声明 声明 var x var mycars new Array mycars 0 Saab mycars 1 Volvo mycars 2 BMW for x in mycars document write mycars x 合并两个数组合并两个数组 concat var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas var arr2 new Array 3 arr2 0 James arr2 1 Adrew arr2 2 Martin document write arr concat arr2 用数组的元素组成字符串用数组的元素组成字符串 join var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr join document write document write arr join 文字数组文字数组 sort var arr new Array 6 arr 0 George arr 1 John arr 2 Thomas arr 3 James arr 4 Adrew arr 5 Martin document write arr document write arr sort 数字数组数字数组 sort function sortNumber a b return a b var arr new Array 6 arr 0 10 arr 1 5 arr 2 40 arr 3 25 arr 4 1000 arr 5 1 document write arr document write arr sort sortNumber 定义数组定义数组 数组对象用来在单独的变量名中存储一系列的值 使用关键词 new 来创建数组对象 下面的代码定义了一个名为 myArray 的数组对象 var myArray new Array 有两种向数组赋值的方法 你可以添加任意多的值 就像你可以定义你需要的任意多的变 量一样 1 var mycars new Array mycars 0 Saab mycars 1 Volvo mycars 2 BMW 也可以使用一个整数自变量来控制数组的容量 var mycars new Array 3 mycars 0 Saab mycars 1 Volvo mycars 2 BMW 2 var mycars new Array Saab Volvo BMW 注意 注意 如果你需要在数组内指定数值或者逻辑值 那么变量类型应该是数值变量或者布尔 变量 而不是字符变量 访问数组访问数组 通过指定数组名以及索引号码 你可以访问某个特定的元素 下面是代码行 document write mycars 0 下面是输出 Saab 修改已有数组中的值修改已有数组中的值 如需修改已有数组中的值 只要向指定下标号添加一个新值即可 mycars 0 Opel 现在 以上代码 document write mycars 0 将输出 Opel Boolean 逻辑 对象用于将非逻辑值转换为逻辑值 逻辑 对象用于将非逻辑值转换为逻辑值 true 或者或者 false JavaScript Boolean 逻辑 逻辑 实例实例 检查逻辑值 检查逻辑值 var b1 new Boolean 0 var b2 new Boolean 1 var b3 new Boolean var b4 new Boolean null var b5 new Boolean NaN var b6 new Boolean false document write 0 是逻辑的 b1 document write 1 是逻辑的 b2 document write 空字符串是逻辑的 b3 document write null 是逻辑的 b4 document write NaN 是逻辑的 b5 document write 字符串 false 是逻辑的 b6 Boolean 对象对象 可以将 Boolean 对象理解为一个产生逻辑值的对象包装器 Boolean 逻辑 对象用于将非逻辑值转换为逻辑值 true 或者 false 使用关键字 new 来定义 Boolean 对象 下面的代码定义了一个名为 myBoolean 的逻辑对象 var myBoolean new Boolean 注释 注释 如果逻辑对象无初始值或者其值为 0 0 null false undefined 或者 NaN 那 么对象的值为 false 否则 其值为 true 即使当自变量为字符串 false 时 下面的所有的代码行均会创建初始值为 false 的 Boolean 对象 var myBoolean new Boolean var myBoolean new Boolean 0 va