1、第三章 函数,函数,简单说，函数是完成某个功能的一组语句。 函数中的语句是一个独立的部分，它不会在外部脚本执行时被执行，而只是作为函数的定义而存在。只有调用它时才执行。 函数调用指通过函数名来使用这段代码。 函数在定义以后可以被重复调用，以此通常将常用的功能写成一个函数。,定义和调用函数,函数定义的基本语法：function functionName(arguments)javascript statementsreturn expression function: 表示函数定义的关键字; function:表示函数名; arguments:表示传递给函数的参数列表，各个参数之间用逗号隔开，可
2、以为空; statements: 表示实现函数功能的函数体; return expression:表示函数将返回expression的值，同样是可选的的语句。,定义和调用函数,例如下面的代码定义一个函数max,它接收两个参数，并返回其中较大的一个。b)return a;return b; alert(max(100,200); ,定义和调用函数,在事件响应中调用函数(一般和表单元素事件一起使用)，调用格式如下：事件名 =“函数名（）”例如：function test()alert(“您好!”); ,定义和调用函数,通过链接调用函数:例如：function test()alert(“您好!”);
3、 通过链接调用函数,函数变量的作用域,全局变量与局部变量全局变量：在函数外部定义的变量，它在声明后，任何程序段都可用。局部变量：在函数内部定义的变量，作用范围为函数内部。例如：var name=“全局变量“.function test()var name =“局部变量“;document.write(name); document.write(name);注意观察两次打印的结果。,函数的arguments对象,当需要在函数中调用参数时，无需指出参数名称即可调用这些参数。例如：使用arguments0访问函数的第一个参数值，使用arguments1访问函数的第二个参数值,以此类推。同时还可以使用
4、arguments.length获取函数的参数个数.,递归函数,所谓的递归函数就是函数在自身的函数体内调用自身，使用它时一定要当心，处理不当会使程序进入死循环，递归只在特定的情况下用，比如阶乘问题。,内置函数,parseInt()函数该函数主要将首位为数字的字符串转换成数字，如果字符串不以数字开头，返回NaN. parseFloat()该函数主要将首位为数字的字符串转换成浮点型数字，如果字符串不以数字开头，返回NaN. isNaN()该函数主要用于检验某个值是否为NaN. isFinite()检验某个表达式是否为无穷大。 encodeURI()返回一个URI字符串编码后的结果. decodeU
5、RI() 将已编码为URI的字符串解码成最初的字符串并返回。,第四章 JavaScript对象,JavaScript对象模型,JavaScript被称为是“基于对象的” (而不是面向对象的)，有对象的概念：数据和操作的封装, 但没有继承的概念。从定义的角度看, JavaScript程序中有两种对象：JavaScript提供的内置对象（built-in object）和程序中定义的对象。 一个对象是一个由变量、其他对象或方法组成的一个集合： 在一个对象中包含的其他对象和变量被称为属性 (property)； 在一个对象内的函数(function)称为这个对象的方法( method)； 在一个特定
6、的对象中的一些特性的序列称为数组, 例如document对象中的image； 多维数组是由含有数组特性的对象数组构造的,当一个文档加载到浏览器后，它所有的对象都按照浏览器的文档对象所规定的严格层次结构存放到内存。要有一种方法让Script指出它要的是哪一个对象，这就是对象引用。JavaScript用严格的层次结构引导Script至文档的任何区域，对每个对象的引用必须包括从顶部到对象的所有层次，直至对象名，路径中各个相连的对象之间用句点分开。 变量可以写成下面的形式： 父对象.特性1索引1.特性2最后特性索引N 对象的方法(method)可以如此引用： 对象.方法(参数组)； 一个含有典型特性和
7、方法的对象的例子： document 是对应一个 .html文档的对象，浏览器读进文档后生成； document.writeln(“hello”) 是这个对象的一个方法，输出带换行的字符串； document.location 是该对象的一个特性，含有它的URL。,用户对象的定义,JavaScript定义“类”、“函数”的语法是一样的，而且这样的函数就成了该类的构造函数! 用户用函数定义来定义类，然后用new语句创建该类的一个实例。以下是“类”的例子。 function add() this.result = this.left + this.right; function MyClass(n
8、) this.left = n;this.right = 6;this.result = 0;this.sum = add;x = new MyClass(4); x.sum(); document.write(x.result);,JavaScript的对象: Array,Array是javascript中的数组对象，是javascript中唯一用来存储和操作有序数据集的集合。如何使用？首先创建一个对象，语法有三种情况：1: var arrayobj= new Array();2: var arrayobj=new Array(size);3: var arrayobj = new Arra
9、y(element0,element1,elementN); 说明：arrayobj：要赋值为array对象的变量名size：可选项，设置数组的大小。由于数组的下标是从零开始，创建的元素的下标将从0到size-1;elementN：可选项。存入数组中的元素。,JavaScript的对象: Array,属性：length，它指明了数组的长度。 方法：join() 将数组值连接变为一个字符串；reverse() 将数组值倒序；sort() 将对数组值进行排序; AAA=new Array(3); AAA0=“B“; AAA1=“A“; AAA2=“C“; document.write(AAA.le
10、ngth+“); document.write(AAA.join()+“); document.write(AAA.reverse().join()+“); document.write(AAA.sort().join()+“);,JavaScript的对象:String,String对象用于操纵和处理文本串. 创建对象语法： 1：var newstr=new String(StringText); 说明：newstr： 创建的对象名；StringText：可选项，字符串文本。2：var newstr = 字符串文本。,JavaScript的对象:String,属性：length属性表明字符串
11、长度。方法 字符串的转换；toUpperCase()将字符串所有字符转为大写；toLowerCase()将字符串所有字符转为小写；toString()将非字符串对象显示转化为字符串。 字符串的处理；substring()取字符串中两个指定的索引号之间的字符；charAt()返回括号中指定位置字符串的内容；split()根据指定的分隔符把一个字符串划分为一个字符串数组。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置 substr(start,length)可在字符串中抽取从 start 下标开始的指定数目的字符,JavaScript的对象:Date,a、获取日期 new
12、 Date() 返回当日的日期和时间 getDate() 从 Date 对象返回一个月中的某一天 (1 31) getMonth() 从 Date 对象返回月份 (0 11) getYear() 从 Date 对象以两位或四位数字返回年份。 getDay() 从 Date 对象返回一周中的某一天 (0 6) getHours() 返回 Date 对象的小时 (0 23) getMinutes() 返回 Date 对象的分钟 (0 59)getSeconds() 返回 Date 对象的秒数 (0 59) Date.parse(datestring)是自1970年1月1号以来所用掉的毫 秒数 ;注
13、：datestring必须是一个如此形式的字符串“Jul 8, 2005“,JavaScript的对象:Date,b、日期格式转换 Date.UTC(year,month,day,hours,minutes,seconds,ms) 返回一个通用时间，距1970年1月1日午夜的毫秒。例如 取得1970/01/01 到 2009/07/01 的毫秒数：var millSecond = Date.UTC(2009,7,1)document.write(millSecond ) ,JavaScript的对象:Date,c设定日期setDate() 设置 Date 对象中月的某一天 (1 31) set
14、Month() 设置 Date 对象中月份 (0 11) setYear() 设置 Date 对象中的年份（两位或四位数字）setHours() 设置 Date 对象中的小时 (0 23) setMinutes() 设置 Date 对象中的分钟 (0 59) setMilliseconds() 设置 Date 对象中的毫秒 (0 999)setTime(毫秒数)设定时间从1970.1.1开始用毫秒数来计时；var test = new Date() test.setTime(6000) document.write(test)d、处理时区 .toGMTString()将日期时间值转换为的字符串
15、(GMT时间)；.toLocaleString()将日期时间值转换为的字符串(当地时间)。,JavaScript的对象:Math,属性：Math.E：为自然对数的底(约为2.718)； Math.PI：为圆周率(约为3.14159)； 方法： Math.abs(x) 绝对值计算； Math.pow(x) 数的幂； Math.sqrt(x) 计算平方根；Math.floor(x) 对一个数进行下舍入。Math.round(x) 把一个数四舍五入为最接近的整数Math.random() 返回 0 1 之间的随机数Math.max(x,y) 返回 x 和 y 中的最大值Math.min(x,y) 返
16、回 x 和 y 中的最小值.cos()、.sin()、.tan() 、.acos、.asin()、.atan();,JavaScript的屏幕对象,显示器screen。各种相关特征涵义参数举例说明screen.height屏幕高度screen.width屏幕宽度screen.availHeight屏幕可见高度screen.availWidth屏幕可见宽度screen.colorDepth色深8 ，16，32位颜色,JavaScript事件模型,事件：用户对网页的一些特定“操作”(这些操作通常直接对应鼠标的动作)和系统行为。例如加载一张网页，点击一个超链等。 事件处理程序的引入（如何使一段Jav
17、aScript程序和事件的发生联系起来？）。“on事件名”是JavaScript规定的对应事件处理程序柄（event handler）的名字。例如onclick、onfocus、onsubmit等等。,JavaScript事件模型,事件处理过程三部曲： 发生事件 启动事件处理程序 事件处理程序做出反应 注：要使事件处理程序能够启动，必须通过指定的对象来调用相应的事件，然后通过该事件调用事件处理程序。一般用特定的自定义函数来对事件进行处理。,JavaScript事件模型(续),第一种引入方式：事件处理程序柄名以属性名的形式在HTML文本中某些适当的标记中出现，而对应的属性值是由网页编写者提供的J
18、avaScript程序段（或事件处理函数名） ； 第二种引入方式：将事件处理函数名赋给浏览器为网页创建的相应对象的对应属性（property） document.forms0.age.onclick=isNumber()； 例：让事件处理程序作为“属性值”这里，事件处理程序柄的名字是大小写不敏感的。这与HTML文本中对标记的属性名的松散要求是一致的。 onLoad在网页完全加载完后执行(即包括图像等)； onUnLoad在网页退出之前执行。,JavaScript事件,一些常见的事件:onclick()鼠标点击时；ondblclick鼠标双击某个对象;onblur()元素失去焦点; onfocu
19、s()元素获得焦点;onmousedown()鼠标按下时;onmouseup()鼠标松开时触发；onmouseover()鼠标被移到某元素之上; onmousemove()鼠标被移动 ; onmouseout鼠标从某元素移开;onload()是在网页加载完毕后触发相应的的事件处理程序;onunload()是指关闭当前页或从当前页跳到其他网页中时。onchange()是指当前元素失去焦点并且元素的内容发生改变时触发事件处理程序。,JavaScript程序的注意事项,最好把源码写进HTML文件头里，及之间是合适的地方。JavaScript程序要用，language这个限定参数也是必要的。再用把程序关闭。提示开始标记来关闭提示。对所编程序加必要的注释。单行或多行注释加在/*/号中间来标示；单行注释则加在/号后面。,
