第8章 JavaScript.ppt

《第8章 JavaScript.ppt》由会员分享，可在线阅读，更多相关《第8章 JavaScript.ppt（70页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第8章章 JavaScript本章主要内容本章主要内容脚本语言基础知识脚本语言基础知识JavaScriptDreamweaver CS3中的脚本语言功能中的脚本语言功能脚本语言基础知识脚本语言基础知识脚本语言脚本语言什么是什么是什么是什么是“脚本语言脚本语言脚本语言脚本语言”？一种用于信息处理和用户交互的编程语言一种用于信息处理和用户交互的编程语言一种用于信息处理和用户交互的编程语言一种用于信息处理和用户交互的编程语言特点特点特点特点一种解释型的语言（非编译型）一种解释型的语言（非编译型）一种解释型的语言（非编译型）一种解释型的语言（非编译型）语法相对不太严格语法相对不太严格语法相对不太严格

2、语法相对不太严格分类分类分类分类服务器端运行，如：服务器端运行，如：服务器端运行，如：服务器端运行，如：ASPASP，PHPPHP，PERL PERL 客户端运行，如：客户端运行，如：客户端运行，如：客户端运行，如：VBScriptVBScript，JavaScript JavaScript JavaScriptJavaScriptJavaScriptJavaScript早期是由早期是由早期是由早期是由NetscapeNetscape（网景）公司研发（网景）公司研发（网景）公司研发（网景）公司研发出来的一种在出来的一种在出来的一种在出来的一种在NetscapeNetscape浏览器上执行的程序

3、语言；浏览器上执行的程序语言；浏览器上执行的程序语言；浏览器上执行的程序语言；现在所有的浏览器都支持现在所有的浏览器都支持现在所有的浏览器都支持现在所有的浏览器都支持JavaScriptJavaScript；JavascriptJavascript的出现使得网页和用户之间实现了一的出现使得网页和用户之间实现了一的出现使得网页和用户之间实现了一的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包种实时性的、动态的、交互性的关系，使网页包种实时性的、动态的、交互性的关系，使网页包种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容；含更多活跃的元素和更加

4、精彩的内容；含更多活跃的元素和更加精彩的内容；含更多活跃的元素和更加精彩的内容；JavaScriptJavaScript和和和和JavaJava没什么关系没什么关系没什么关系没什么关系在网页中植入在网页中植入JavaScript方法：方法：使用使用使用使用 标签将语句嵌入文档标签将语句嵌入文档标签将语句嵌入文档标签将语句嵌入文档将将将将 JavaScript JavaScript 源文件链接到源文件链接到源文件链接到源文件链接到 HTML HTML 文档中文档中文档中文档中使用使用 Script 标签标签JavaScript 代码document.write(new Date().toLoca

5、leString();尽情享受学习的快乐!脚本代码设置语言使用外部使用外部 JS 文件文件 外部外部 JavaScript 文件可以链接到文件可以链接到 HTML 文文档中档中SCRIPT 标签的标签的 SRC（源文件）属性可用（源文件）属性可用于包括此外部文件于包括此外部文件script language=“JavaScript”使用外部使用外部 JS 文件文件 JavaScript 代码代码(test.htm)使用外部文件刚才的消息框是通过访问外部 JavaScript 文件显示的 alert(new Date().toLocaleString()JavaScript 代码代码(test.

6、js)数据类型、运算符数据类型、运算符JavaScript的基本数据类型的基本数据类型 数值型：整数和浮点数统称为数值。数值型：整数和浮点数统称为数值。数值型：整数和浮点数统称为数值。数值型：整数和浮点数统称为数值。字符串型：是由多个单一的字符所组成的数据类型。字符串型：是由多个单一的字符所组成的数据类型。字符串型：是由多个单一的字符所组成的数据类型。字符串型：是由多个单一的字符所组成的数据类型。用用用用 或或或或 括起来，如括起来，如括起来，如括起来，如 您好您好您好您好、学习学习学习学习JavaScript JavaScript 等。等。等。等。逻辑型（布尔）逻辑型（布尔）逻辑型（布尔）逻

7、辑型（布尔）：用：用：用：用truetrue或或或或falsefalse来表示。来表示。来表示。来表示。空值（空值（空值（空值（nullnull）nullnull既不等于既不等于既不等于既不等于“0”0”，也不等于，也不等于，也不等于，也不等于“空字符串空字符串空字符串空字符串”。未定义值（未定义值（未定义值（未定义值（undefinedundefined）在两种情况下可能得到一个未定义的值，一种是根本不存在的对在两种情况下可能得到一个未定义的值，一种是根本不存在的对在两种情况下可能得到一个未定义的值，一种是根本不存在的对在两种情况下可能得到一个未定义的值，一种是根本不存在的对象，另一种就是虽

8、然已经声明，但却没有赋值。象，另一种就是虽然已经声明，但却没有赋值。象，另一种就是虽然已经声明，但却没有赋值。象，另一种就是虽然已经声明，但却没有赋值。转义符转义符字字 符符说说 明明bb退格符退格符退格符退格符f f换页换页换页换页符符符符nn换换换换行符行符行符行符r r回回回回车车车车符符符符t t制表符制表符制表符制表符 ”双引号双引号双引号双引号变量变量变量名必须以字母或下划线（变量名必须以字母或下划线（_）开头）开头变量可以包含数字、从变量可以包含数字、从 A 至至 Z 的大小写字的大小写字母母JavaScript 区分大小写，即变量区分大小写，即变量 myVar、myVAR 和和

9、 myvar 是不同的变量是不同的变量声明变量声明变量 var a;“var”用于声明变量的关键字“a”变量名同时声明和初始化变量同时声明和初始化变量v varar a a=10;=10;a=10;声明变量声明变量声明多个变量声明多个变量v varar x,y,z=10;x,y,z=10;赋值赋值变量 a、b 和 c 只能在其各自的函数中被访问 变量的作用域变量的作用域脚本脚本函数function1局部变量a函数function2局部变量b函数function3局部变量c可由函数 1、函数 2 和函数 3 访问全局变量 gg全局变量不需要以 var 关键字进行声明，但局部变量则必须以此关键字来

10、声明运算符运算符运算符对一个或多个变量或值（操作数）运算符对一个或多个变量或值（操作数）进行运算，并返回一个新值进行运算，并返回一个新值根据所执行的运算，运算符可分为以下类根据所执行的运算，运算符可分为以下类别别算术运算符算术运算符比较运算符比较运算符逻辑运算符逻辑运算符算术运算符算术运算符 运算符运算符运算符运算符说说说说 明明明明示示示示 例例例例+加加加加a a=5+8=5+8-减减减减a a=8-5=8-5/除除除除a a=20/5=20/5*乘乘乘乘a a=5*19=5*19%取模两个数相除的余数取模两个数相除的余数取模两个数相除的余数取模两个数相除的余数10%3 10%3，结结果果

11、 1 1+一元自加。一元自加。一元自加。一元自加。该该该该运算符运算符运算符运算符带带带带一一一一个操作数，将操作数的个操作数，将操作数的个操作数，将操作数的个操作数，将操作数的值值值值加加加加 1 1。X+X+-一元自减。一元自减。一元自减。一元自减。X-X-比较运算符比较运算符运算符运算符说说 明明示示 例例=等于。等于。等于。等于。如果两个操作数相等，如果两个操作数相等，如果两个操作数相等，如果两个操作数相等，则则则则返回真。返回真。返回真。返回真。a=ba=b!=!=不等于。不等于。不等于。不等于。如果两个操作数不相等，如果两个操作数不相等，如果两个操作数不相等，如果两个操作数不相等，

12、则则则则返回真。返回真。返回真。返回真。Var2!=5Var2!=5 大于。大于。大于。大于。如如如如果果果果左左左左边边边边的的的的操操操操作作作作数数数数大大大大于于于于右右右右边边边边的的的的操操操操作作作作数数数数，则则则则返返返返回真。回真。回真。回真。Var1 var2Var1 var2 小于。小于。小于。小于。如如如如果果果果左左左左边边边边的的的的操操操操作作作作数数数数小小小小于于于于右右右右边边边边的的的的操操操操作作作作数数数数，则则则则返返返返回真。回真。回真。回真。Var2 var1Var2 var1=小于等于。小于等于。小于等于。小于等于。如如如如果果果果左左左左边

13、边边边的的的的操操操操作作作作数数数数小小小小于于于于或或或或等等等等于于于于右右右右边边边边的的的的操操操操作作作作数数数数，则则则则返回真。返回真。返回真。返回真。Var2=4Var2=4Var2=var1Var2=大大大大于于于于等等等等于于于于。如如如如果果果果左左左左边边边边的的的的操操操操作作作作数数数数大大大大于于于于或或或或等等等等于于于于右右右右边边边边的操作数，的操作数，的操作数，的操作数，则则则则返回真。返回真。返回真。返回真。Var1=5Var1=5Var1=var2Var1=var2逻辑运算符逻辑运算符运算符运算符值值说说 明明与与与与 (&)(&)expr1&exp

14、r2expr1&expr2只只只只有有有有当当当当 expr1expr1 和和和和 expr2expr2 同同同同为为为为真真真真时时时时，才才才才返返返返回真。否回真。否回真。否回真。否则则则则，返回假。，返回假。，返回假。，返回假。或或或或 (|)(|)expr1|expr2expr1|expr2如如如如果果果果其其其其中中中中一一一一个个个个表表表表达达达达式式式式为为为为真真真真，或或或或两两两两个个个个表表表表达达达达式同式同式同式同为为为为真，真，真，真，则则则则返回真。否返回真。否返回真。否返回真。否则则则则，返回假。，返回假。，返回假。，返回假。非非非非 (!)(!)!expr

15、expr如如如如果果果果表表表表达达达达式式式式为为为为真真真真，则则则则返返返返回回回回假假假假。如如如如果果果果为为为为假假假假，则则则则返回真。返回真。返回真。返回真。实例实例利用利用JavaScript制作一个加法运算器制作一个加法运算器步骤步骤放入表单控件：放入表单控件：放入表单控件：放入表单控件：3 3个文本框，个文本框，个文本框，个文本框，1 1个按钮，文本框个按钮，文本框个按钮，文本框个按钮，文本框的名称分别是的名称分别是的名称分别是的名称分别是t1,t2,t3t1,t2,t3，注意不要加入表单标签，注意不要加入表单标签，注意不要加入表单标签，注意不要加入表单标签在按钮的属性中

16、加入如下代码：在按钮的属性中加入如下代码：在按钮的属性中加入如下代码：在按钮的属性中加入如下代码：onclickonclick=“t3.value=eval(t1.value)+eval(t2.va=“t3.value=eval(t1.value)+eval(t2.value)“lue)“说明：说明：控件都可看作是对象，文本框的控件都可看作是对象，文本框的控件都可看作是对象，文本框的控件都可看作是对象，文本框的valuevalue属性代表属性代表属性代表属性代表其中填入的内容；其中填入的内容；其中填入的内容；其中填入的内容；evaleval是内置函数，用于将字符串类型转换为数是内置函数，用于将

17、字符串类型转换为数是内置函数，用于将字符串类型转换为数是内置函数，用于将字符串类型转换为数值类型，否则值类型，否则值类型，否则值类型，否则“+”+”运算符进行字符串的连接操运算符进行字符串的连接操运算符进行字符串的连接操运算符进行字符串的连接操作作作作练习练习 8.1 8.1 利用利用利用利用JavaScriptJavaScript制作一个能够计算人民币和美元兑换的制作一个能够计算人民币和美元兑换的制作一个能够计算人民币和美元兑换的制作一个能够计算人民币和美元兑换的程序，参考界面如图所示。程序，参考界面如图所示。程序，参考界面如图所示。程序，参考界面如图所示。语句控制结构语句控制结构语句控制结

18、构语句控制结构三种流程控制结构三种流程控制结构顺序结构顺序结构顺序结构顺序结构选择结构选择结构选择结构选择结构循环结构循环结构循环结构循环结构顺序结构顺序结构主要是赋值语句和输入输出语句主要是赋值语句和输入输出语句主要是赋值语句和输入输出语句主要是赋值语句和输入输出语句复合赋值符复合赋值符复合赋值符复合赋值符+=+=、-=-=、*=、/=/=等等等等alert(messagealert(message)函数函数函数函数用于显示文本框，用于显示文本框，用于显示文本框，用于显示文本框，messagemessage参数就是要显示的字符串参数就是要显示的字符串参数就是要显示的字符串参数就是要显示的字符

19、串document.write(expdocument.write(exp)函数函数函数函数可向文档写入可向文档写入可向文档写入可向文档写入 HTML HTML 表达式或表达式或表达式或表达式或 JavaScript JavaScript 代码代码代码代码 选择结构选择结构if(else)语句语句switch语句语句if else 语句语句if(if(条件条件条件条件)/JavaScript /JavaScript代码代码代码代码;elseelse /JavaScript /JavaScript代码代码代码代码;else子句可省略子句可省略switch语句语句switch(表达式)case 常

20、量1:JavaScript语句;break;case 常量2:JavaScript语句;break;.default:JavaScript语句;循环结构循环结构for循环循环do-whilewhilefor循环循环例：var i;for(i=0;i10;i+)/语句;实例：打印乘法口诀表实例：打印乘法口诀表补充：如何利用表格将打印的乘法口诀表排列整齐？补充：如何利用表格将打印的乘法口诀表排列整齐？while和和dowhile循环循环while(循环条件循环条件)/语句；语句；while循环循环do /语句；语句；while(循环条件循环条件);dowhile循环循环数组数组声明数组声明数组 v

21、arvar 数组名数组名 =new Arraynew Array(数组大小数组大小););例：例：varvar empemp=new Array(3)new Array(3)数组元素赋值数组元素赋值 emp0=“emp0=“AAAA;emp1=emp1=“BB;“BB;emp2=emp2=“CC;“CC;AABBCCemp 也可以声明数组并赋初值：例：例：var emp=new Array(“AA”，“BB”，“CC”)；数组对象的常用属性和方法数组对象的常用属性和方法常用属性常用属性常用属性常用属性 lengthlength ：返回数组中元素的个数：返回数组中元素的个数：返回数组中元素的个数

22、：返回数组中元素的个数常用常用常用常用方法方法方法方法方方 法法说说 明明joinjoin将数将数将数将数组组组组中的元素中的元素中的元素中的元素组组组组合成字符串合成字符串合成字符串合成字符串reversereverse颠颠颠颠倒数倒数倒数倒数组组组组元素的元素的元素的元素的顺顺顺顺序，使第一个元素成序，使第一个元素成序，使第一个元素成序，使第一个元素成为为为为最后一个，最后一个，最后一个，最后一个，而最后一个元素成而最后一个元素成而最后一个元素成而最后一个元素成为为为为第一个第一个第一个第一个sortsort对对对对数数数数组组组组元素元素元素元素进进进进行排序行排序行排序行排序var e

23、mp=new Array(3);emp0=54;emp1=32;emp2=67;emp.sort();document.write(排序结果是：);document.write(emp0+);document.write(emp1+);document.write(emp2+);数组排序示例数组排序示例练习练习8.2 利用利用JavaScript解决百元百鸡问题，列解决百元百鸡问题，列出所有可行方案。出所有可行方案。小鸡：小鸡：小鸡：小鸡：0.50.5元元元元公鸡：公鸡：公鸡：公鸡：2 2元元元元母鸡：母鸡：母鸡：母鸡：3 3元元元元对象对象对象对象同其他编程语言类似，同其他编程语言类似，Ja

24、vaScript也有对也有对象的概念；也有对象的三要素；象的概念；也有对象的三要素；创建对象也使用创建对象也使用new关键字；关键字；（属性、方法、事件）（属性、方法、事件）（属性、方法、事件）（属性、方法、事件）JavaScript中对象的种类中对象的种类JavaScriptJavaScript内置对象内置对象内置对象内置对象 DateDate、ArrayArray、RegExpRegExp、StringString、MathMath、Number Number 由浏览器根据页面内容自动提供的对象由浏览器根据页面内容自动提供的对象由浏览器根据页面内容自动提供的对象由浏览器根据页面内容自动提供

25、的对象 DOMDOM（HTML Document Object Model HTML Document Object Model），），），），HTMLHTML文档对象模型文档对象模型文档对象模型文档对象模型用户自定义的对象用户自定义的对象用户自定义的对象用户自定义的对象内置对象内置对象ArrayArray对象对象对象对象提供对创建任何数据类型的数组的支持提供对创建任何数据类型的数组的支持提供对创建任何数据类型的数组的支持提供对创建任何数据类型的数组的支持DateDate该对象及其方法来取得日期和时间该对象及其方法来取得日期和时间该对象及其方法来取得日期和时间该对象及其方法来取得日期和时间St

26、ringString字符串对象，用于处理或格式化文本字符串，以及确字符串对象，用于处理或格式化文本字符串，以及确字符串对象，用于处理或格式化文本字符串，以及确字符串对象，用于处理或格式化文本字符串，以及确定和定位字符串中的子字符串定和定位字符串中的子字符串定和定位字符串中的子字符串定和定位字符串中的子字符串可以在一个字符串常量中调用任何可以在一个字符串常量中调用任何可以在一个字符串常量中调用任何可以在一个字符串常量中调用任何StringString对象方法对象方法对象方法对象方法常用属性：常用属性：常用属性：常用属性：.length.length 、indexOf(substring,star

27、tindexindexOf(substring,startindex)RegExpRegExp正则表达式正则表达式正则表达式正则表达式MathMath该对象具有数学常量和标准数学函数的属性和方法。该对象具有数学常量和标准数学函数的属性和方法。该对象具有数学常量和标准数学函数的属性和方法。该对象具有数学常量和标准数学函数的属性和方法。MathMath对象是预定义的，不能自已创建一个对象是预定义的，不能自已创建一个对象是预定义的，不能自已创建一个对象是预定义的，不能自已创建一个MathMath对象对象对象对象Math.sin(expMath.sin(exp)、Math.cos(expMath.co

28、s(exp)NumberNumber代表数值数据类型和提供数值常数的对象。代表数值数据类型和提供数值常数的对象。代表数值数据类型和提供数值常数的对象。代表数值数据类型和提供数值常数的对象。NumberNumber对对对对象最主要的用途是将其属性集中到一个对象中，以及象最主要的用途是将其属性集中到一个对象中，以及象最主要的用途是将其属性集中到一个对象中，以及象最主要的用途是将其属性集中到一个对象中，以及使数字能够通过使数字能够通过使数字能够通过使数字能够通过toStringtoString方法转换为字符串。方法转换为字符串。方法转换为字符串。方法转换为字符串。DOMDOM（HTML Docume

29、nt Object Model），），HTML文档对象模型，提供访问当前文档对象模型，提供访问当前HTML 文档中所有元素的入口。利用该入文档中所有元素的入口。利用该入口可对口可对 HTML 元素进行添加、移动、改变元素进行添加、移动、改变或移除；或移除；DOM对象是已经存在的，不需要创建；对象是已经存在的，不需要创建；例子例子常用常用DOM对象及其属性、方法对象及其属性、方法window 对象对象表示浏览器中打开的窗口表示浏览器中打开的窗口表示浏览器中打开的窗口表示浏览器中打开的窗口open(locationopen(location)方法方法方法方法close()close()方法方法方法

30、方法.status.status属性属性属性属性其他属性和方法其他属性和方法其他属性和方法其他属性和方法Document Document 对象对象对象对象指载入浏览器的指载入浏览器的指载入浏览器的指载入浏览器的 HTML HTML 文档，该对象使我们可以从脚文档，该对象使我们可以从脚文档，该对象使我们可以从脚文档，该对象使我们可以从脚本中对本中对本中对本中对 HTML HTML 页面中的所有元素进行访问页面中的所有元素进行访问页面中的所有元素进行访问页面中的所有元素进行访问write()write()方法方法方法方法 可向文档写入可向文档写入可向文档写入可向文档写入 HTML HTML 表达

31、式或表达式或表达式或表达式或 JavaScript JavaScript 代码代码代码代码getElementById(idgetElementById(id)方法方法方法方法 返回对拥有指定返回对拥有指定返回对拥有指定返回对拥有指定 ID ID 的第一个对象的引用的第一个对象的引用的第一个对象的引用的第一个对象的引用 其他属性和方法其他属性和方法其他属性和方法其他属性和方法多种对象都具有的属性多种对象都具有的属性.innerHTML属性属性该属性应用于多种标签，可设置或返回对象的该属性应用于多种标签，可设置或返回对象的该属性应用于多种标签，可设置或返回对象的该属性应用于多种标签，可设置或返回

32、对象的开始标签和结束标签之间的开始标签和结束标签之间的开始标签和结束标签之间的开始标签和结束标签之间的 HTML HTML.style属性属性Style Style 对象代表一个单独的样式声明。可从应对象代表一个单独的样式声明。可从应对象代表一个单独的样式声明。可从应对象代表一个单独的样式声明。可从应用样式的文档或元素访问用样式的文档或元素访问用样式的文档或元素访问用样式的文档或元素访问 Style Style 对象；对象；对象；对象；document.getElementById(id).style.propdocument.getElementById(id).style.property

33、erty=值值值值 事件事件事件事件同其他面向对象的编程语言一样，同其他面向对象的编程语言一样，同其他面向对象的编程语言一样，同其他面向对象的编程语言一样，JavaScriptJavaScript也也也也可以处理事件，也可以进行事件驱动编程；可以处理事件，也可以进行事件驱动编程；可以处理事件，也可以进行事件驱动编程；可以处理事件，也可以进行事件驱动编程；指定事件处理程序指定事件处理程序指定事件处理程序指定事件处理程序直接在标记中制定代码或函数名直接在标记中制定代码或函数名直接在标记中制定代码或函数名直接在标记中制定代码或函数名 body)”编写特定事件的编写特定事件的编写特定事件的编写特定事件

34、的JavaScriptJavaScript script language=“JavaScript”for=“script language=“JavaScript”for=“某对象某对象某对象某对象”event=“event=“某某某某事件事件事件事件”在在在在JavaScriptJavaScript中说明中说明中说明中说明 对象对象对象对象.事件事件事件事件=函数函数函数函数常用事件常用事件onClickonClick单击事件单击事件单击事件单击事件onBluronBlur在控件失去焦点时发生在控件失去焦点时发生在控件失去焦点时发生在控件失去焦点时发生onLoadonLoad文档下载完成文

35、档下载完成文档下载完成文档下载完成onUnloadonUnload退出文档退出文档退出文档退出文档onMouseOveronMouseOutonMouseDownonMouseUponResizeonSubmit实例：改变控件外观实例：改变控件外观lbXueHao.style.displaylbXueHao.style.display=;=;tbXueHao.style.displaytbXueHao.style.display=“none;=“none;lbXingMing.innerHTMLlbXingMing.innerHTML=姓名：姓名：姓名：姓名：练习练习8.3 JavaScrip

36、t进行数据验证进行数据验证使用使用使用使用JavaScriptJavaScript对用户输入的注册信息进行验对用户输入的注册信息进行验对用户输入的注册信息进行验对用户输入的注册信息进行验证，要求：所有的信息必须输入；两次输入的证，要求：所有的信息必须输入；两次输入的证，要求：所有的信息必须输入；两次输入的证，要求：所有的信息必须输入；两次输入的密码必须一致。验证合格提交，不合格不提交，密码必须一致。验证合格提交，不合格不提交，密码必须一致。验证合格提交，不合格不提交，密码必须一致。验证合格提交，不合格不提交，同时在页面上提示原因。同时在页面上提示原因。同时在页面上提示原因。同时在页面上提示原因

37、。提示提示提示提示 使用函数进行验证，函数返回逻辑型结果，在表单的使用函数进行验证，函数返回逻辑型结果，在表单的使用函数进行验证，函数返回逻辑型结果，在表单的使用函数进行验证，函数返回逻辑型结果，在表单的“OnSubmitOnSubmit”事件中加入事件中加入事件中加入事件中加入return return 关键字，使得返回关键字，使得返回关键字，使得返回关键字，使得返回值为值为值为值为falsefalse时表单不提交。时表单不提交。时表单不提交。时表单不提交。或者使用或者使用或者使用或者使用document.document.表单表单表单表单id.submitid.submit()()方法提交

38、方法提交方法提交方法提交函数函数JavaScript的函数定义和调用的函数定义和调用定义函数定义函数：function 函数名函数名(参数参数1,1,参数参数2 2，)语句语句;return xxx;return xxx;return xxx;return xxx;调用函数调用函数直接调用直接调用直接写函数名即可，还要提供必要的参数直接写函数名即可，还要提供必要的参数直接写函数名即可，还要提供必要的参数直接写函数名即可，还要提供必要的参数将函数和事件关联，在事件触发时调用函将函数和事件关联，在事件触发时调用函数数事件名事件名事件名事件名“函数名函数名函数名函数名”如：如：如：如：onClick

39、onClickonClickonClick=“=“=“=“myFunctionmyFunctionmyFunctionmyFunction()”()”()”()”自定义函数示例自定义函数示例function add(p1,p2)return eval(p1)+eval(p2)表示单击此按钮时，调用函数add()执行JavaScript预定义函数预定义函数 evaleval函数函数函数函数evaleval函数对作为数字表达式的一个字符串进行求值。其函数对作为数字表达式的一个字符串进行求值。其函数对作为数字表达式的一个字符串进行求值。其函数对作为数字表达式的一个字符串进行求值。其语法如下：语法如下

40、：语法如下：语法如下：eval(expreval(expr)此处的此处的此处的此处的exprexpr是一个被求值的字符串参数。如果该字符是一个被求值的字符串参数。如果该字符是一个被求值的字符串参数。如果该字符是一个被求值的字符串参数。如果该字符串是一个表达式，那么串是一个表达式，那么串是一个表达式，那么串是一个表达式，那么evaleval求该表达式的值；如果该参求该表达式的值；如果该参求该表达式的值；如果该参求该表达式的值；如果该参数代表一个或多个数代表一个或多个数代表一个或多个数代表一个或多个JavaScriptJavaScript语句，则语句，则语句，则语句，则evaleval执行这些执行

41、这些执行这些执行这些语句。语句。语句。语句。evaleval函数可以用来把一个日期从一种格式转换为函数可以用来把一个日期从一种格式转换为函数可以用来把一个日期从一种格式转换为函数可以用来把一个日期从一种格式转换为数值表达式或数字。数值表达式或数字。数值表达式或数字。数值表达式或数字。isNaN函数函数isNaNisNaN函数是计算一个参数以确定它是否为函数是计算一个参数以确定它是否为函数是计算一个参数以确定它是否为函数是计算一个参数以确定它是否为NaNNaN（非数字）。其语法如下：（非数字）。其语法如下：（非数字）。其语法如下：（非数字）。其语法如下：isNaN(testValueisNaN(

42、testValue)此处的此处的此处的此处的testValuetestValue是想要计算的值。若结果为是想要计算的值。若结果为是想要计算的值。若结果为是想要计算的值。若结果为NaNNaN，则返回，则返回，则返回，则返回truetrue，否则为，否则为，否则为，否则为falsefalse。parseIntparseInt和和和和parseFloatparseFloat函数函数函数函数这两个这两个这两个这两个parseparse函数将字符串参数转换为一个数值。其语法如下：函数将字符串参数转换为一个数值。其语法如下：函数将字符串参数转换为一个数值。其语法如下：函数将字符串参数转换为一个数值。其语法

43、如下：parseFloat(strparseFloat(str)parseInt(str,radixparseInt(str,radix)parseFloatparseFloat分析它的字符串参数分析它的字符串参数分析它的字符串参数分析它的字符串参数strstr，并尝试将其转换为一个，并尝试将其转换为一个，并尝试将其转换为一个，并尝试将其转换为一个浮点数，如果它处理的字符不是符号（浮点数，如果它处理的字符不是符号（浮点数，如果它处理的字符不是符号（浮点数，如果它处理的字符不是符号（+或或或或-）、数字、十进）、数字、十进）、数字、十进）、数字、十进制小数点或指数，那么返回值到该位置停止，而忽略

44、后面所制小数点或指数，那么返回值到该位置停止，而忽略后面所制小数点或指数，那么返回值到该位置停止，而忽略后面所制小数点或指数，那么返回值到该位置停止，而忽略后面所有的字符；如果第一个字符不能转换为一个数值，那它将返有的字符；如果第一个字符不能转换为一个数值，那它将返有的字符；如果第一个字符不能转换为一个数值，那它将返有的字符；如果第一个字符不能转换为一个数值，那它将返回回回回NaNNaN。parseIntparseInt分析它的第一个参数分析它的第一个参数分析它的第一个参数分析它的第一个参数strstr，并基于指定的基数，并基于指定的基数，并基于指定的基数，并基于指定的基数radixradix

45、或或或或底数之上返回一个整数。例如，若基数为底数之上返回一个整数。例如，若基数为底数之上返回一个整数。例如，若基数为底数之上返回一个整数。例如，若基数为1010则将其转化为十则将其转化为十则将其转化为十则将其转化为十进制，为进制，为进制，为进制，为8 8则转化为八进制，为则转化为八进制，为则转化为八进制，为则转化为八进制，为1616则转化为十六进制。如果基则转化为十六进制。如果基则转化为十六进制。如果基则转化为十六进制。如果基数省略或它与首字符相矛盾时，数省略或它与首字符相矛盾时，数省略或它与首字符相矛盾时，数省略或它与首字符相矛盾时，JavaScriptJavaScript假定基数是基于假定

46、基数是基于假定基数是基于假定基数是基于字符串的第一个字符，当第一个字符不能转换为基于基数的字符串的第一个字符，当第一个字符不能转换为基于基数的字符串的第一个字符，当第一个字符不能转换为基于基数的字符串的第一个字符，当第一个字符不能转换为基于基数的数字时，它将返回数字时，它将返回数字时，它将返回数字时，它将返回NaNNaN。Number和和String函数函数NumberNumber和和和和StringString函数是将一个对象转换为一函数是将一个对象转换为一函数是将一个对象转换为一函数是将一个对象转换为一个数字或字符串。其语法如下：个数字或字符串。其语法如下：个数字或字符串。其语法如下：个数

47、字或字符串。其语法如下：Number(objRefNumber(objRef)String(objRefString(objRef)此处的此处的此处的此处的objRefobjRef是一个对象的引用。下面的例子是一个对象的引用。下面的例子是一个对象的引用。下面的例子是一个对象的引用。下面的例子将一个将一个将一个将一个DateDate对象转换成为一个可读的字符串。对象转换成为一个可读的字符串。对象转换成为一个可读的字符串。对象转换成为一个可读的字符串。setTimeoutsetTimeout 函数函数函数函数该方法用于在指定的毫秒数后调用函数或计算表达式该方法用于在指定的毫秒数后调用函数或计算表达

48、式该方法用于在指定的毫秒数后调用函数或计算表达式该方法用于在指定的毫秒数后调用函数或计算表达式调用语法：调用语法：调用语法：调用语法：setTimeout(code,millisecsetTimeout(code,millisec)参数描述：参数描述：参数描述：参数描述：codecode必需。要调用的函数后要执行的必需。要调用的函数后要执行的必需。要调用的函数后要执行的必需。要调用的函数后要执行的 JavaScript JavaScript 代码串。代码串。代码串。代码串。millisecmillisec必需。在执行代码前需必需。在执行代码前需必需。在执行代码前需必需。在执行代码前需等待的毫秒

49、数；等待的毫秒数；等待的毫秒数；等待的毫秒数；提示：提示：提示：提示：setTimeoutsetTimeout()()只执行只执行只执行只执行 code code 一次。如果要多次一次。如果要多次一次。如果要多次一次。如果要多次调用，请使用调用，请使用调用，请使用调用，请使用 setIntervalsetInterval()()或者让或者让或者让或者让 code code 自身再次调自身再次调自身再次调自身再次调用用用用 setTimeoutsetTimeout()()。setIntervalsetInterval()()方法方法方法方法 该方法可按照指定的周期（以毫秒计）来调用函数或该方法可

50、按照指定的周期（以毫秒计）来调用函数或该方法可按照指定的周期（以毫秒计）来调用函数或该方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。计算表达式。计算表达式。计算表达式。setInterval(code,millisec,“langsetInterval(code,millisec,“lang”)”)参数描述参数描述参数描述参数描述codecode必必必必需。要调用的函数或要执行的代码串。需。要调用的函数或要执行的代码串。需。要调用的函数或要执行的代码串。需。要调用的函数或要执行的代码串。millisecmillisec必须。必须。必须。必须。周期性执行或调用周期性执行或调用周期性执行