第6章javascript脚本基础02(网页设计与制作)

《第6章javascript脚本基础02(网页设计与制作)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作教程(第2版)电子教案第6章JavaScript脚本基础6.1JavaScript语言概况6.1.1JavaScript的运行环境6.1.2JavaScript程序的引入6.2JavaScript的基本数据结构6.2.1基本数据类型6.2.2常量6.2.3变量6.2.4表达式和运算符6.3JavaScript的程序构成6.3.1程序控制流程6.3.2函数6.3.3事件驱动及事件处理6.4基于对象的JavaScript语言6.4.1对象概念的引入6.4.2在JavaScript中使用对象6.4.3JavaS

2、cript常用内部对象6.4.4Web页面信息交互习题66.4基于对象的JavaScript语言6.4.1对象概念的引入对象是变量的集合体，对象提供对于数据的一致的组织手段，描述了一类事物的共同属性。对象由属性和方法两个基本元素组成。方法是作为对象成员的函数，表明对象所具有的行为；属性是作为对象成员的一个变量或一组变量，表明对象的状态。对象操作(1)forin语句用于对已知对象的所有属性进行操作的循环(2)with语句with为语句设定默认对象。格式为：with(对象){语句}例如：with(Math){x=cos(3

3、*PI)+sin(LN10);y=tan(14*E)}【例】使用for...in语句varclassmates,iclassmates=newArray("张月","李良","王力","何芳");for(iinclassmates)document.write("第个"+(parseInt(i)+1)+"同学是:"+classmates[i]+"
");

4、script>对象操作(3)this关键字指当前对象。例如：functionCar(color){this.color=color;}(4)new运算符new创建一个新对象。格式：new构造函数(参数)例如：my_object=newObject;my_array=newArray();my_date=newDate("Jan51996");6.4.2在JavaScript中使用对象1.对象的定义JavaScript对象的定义方法如下：FunctionObject(属性表)This.prop

5、1=prop1This.prop2=prop2...This.meth=FunctionName1;This.meth=FunctionName2;...在定义对象时，可以指明该对象的属性和方法。2.创建对象实例对象定义完成后，就可以为该对象创建一个实例：NewObject=Newobject();【例】在页面中显示当天日期vartoday;today=newDate()

6、;document.write("今天是"+today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");3.对象属性和方法的使用对象属性的引用：使用点“.”运算符。通过对象的下标实现引用。通过字符串的形式实现。对象方法的引用调用对象的一个方法类似于调用一个函数，如:Math.sqrt(x)。4.数组(1)定义对象的数组functionarrayName(size){this.length=siz

7、e;for(varX=;X<=size;X++)this[X]=0;returethis;}其中，arrayName是数组名，Size是数组元素个数。(2)创建数组实例创建数组实例：Myarray=NewarrayName(n);赋初值：Myarray[1]="字串1";Myarray[2]="字串2";Myarray[3]=“字串3”;...Myarray[n]="字串n";创建和访问数组创建数组的基本格式:vararrayname=newArray(arraysize);赋值、取值操作：varclassmates=

8、newArray(4);//创建数组classmates[0]=”张月”;classmates[1]=”何芳”;classmates[3]=classmates[0];【例】使用数组存贮4个同学的名字