《Web开发（技术讲解）》由会员分享，可在线阅读，更多相关《Web开发（技术讲解）（267页珍藏版）》请在金锄头文库上搜索。
1、培训资料,名称：Web开发（技术讲解） 所属班组：xx 汇报人：xx,Javascript对象,Javasmp提供了非常有用的内置对象来帮助网页编程人员编写更精彩实用的页面。 一个Javascript对象是由属性和方法两个基本要素构成的。属性主要是指对象内部所包含的一些自己的情况。 方法是表示对象可以做的事情，例如，人可以吃饭、睡觉、学习等；而飞机可以起飞、降落等。 通过访问或者设置对象的属性，并且调用对象的方法，就可以使对象具有各种各样的形态，完成各种各样的任务。 对象包含属性和方法，使用对象也就是调用它的属性和方法。在调用对象的属性和方法时，最常用的方法是采用“对象属性”和“对象、方法”的
2、方式来完成的。,Javascript的内置对象,1、预定义对象 预定义对象是系统（Javascript或浏览器）提供的已经定义好了的对象，用户可以直接使用它们。预定义对象包括Javascript的内置对象和浏览器对象。 内置对象 Javascript将一些非常常用的功能预先定义成对象，用户可以直接使用，这种对象就是内置对象。这些内置对象可以帮助用户在设计自己的脚本时实现一些最常用最基本的功能。,浏览器对象 浏览器对象是浏览器提供的对象。现在，大部分浏览器可以根据系统当前的配置和所装载的页面为Javascript提供一些可供使用的对象。 例如，在前面用到的document对象就是一个十分常用的浏
3、览器对象。 在Javascript程序中可以通过访问这些浏览器对象，获得 一些相应的服务。,Javascript内置对象,Math对象； Date对象； String对象； Array对象； Number对象； Boolean对象； Function对象； Global对象； Object对象； RegExp对象； Event对象。,2、用户自定义对象 虽然可以在Javascript中通过使用预先定义的对象完成强大的功能，但是一些高级用户还需要按照某些特定的需求创建自己的对象，Javascript为他们提供了自己创建对象的支持。在这里就不做介绍了。,Math对象,Math对象是Javascri
4、pt提供的数学运算对象，它为用户提供了进行所有基本数学计算的功能和常量的属性和方法。 Math对象的属性是数学中经常要用到的常量，如圆周率PI、 12的平方根、 log10E等。 而Math对象拥有的方法则是一些十分常用的数学函数，如sin()、tan（）、random()等。,Math方法,例1,在调用Math对象的属性和方法时，直接写成：Math.属性和Math.方法。 编写Javascript脚本 radius=prompt(“请输入园的半径:“,“请在这里输入圆的半径“); alert(“圆的周长“+2*Math.PI*radius+“，圆的面积是“+Math.PI*radius*ra
5、dius+“。“); ,例2, 编写Javascript脚本 con=true; while(con=true) r1=Math.round(Math.random()*10); r2=Math.round(Math.random()*10); r3=Math.round(Math.random()*10); result1=prompt(String(r1)+“+“+String(r2)+“+“+String(r3)+“=?“,“请在这里写出加法结果“); result2=r1+r2+r3;,if(Number(result1)=result2) con=confirm(“你真聪明，答对了！
6、再来一遍吗？“); if(con=false)alert(“欢迎下次再来。“);break; else con=confirm(“对不起，你没有答对，再来一遍吗“); if(con=false)alert(“欢迎下次再来。“);break; ,new运算符和对象操作语句,new运算符是Javascript的一个十分重要而且常用的对象运算符。在Javascript的内置对象中，除了Math对象以外，其他对象都要使用new运算符来为它们创建一个变量，完成这个工作后，就可以使用内置对象的属性和方法了。 例如：month=new Array() Javasmp还有一个对象运算符delete运算符，它的
7、作用是删除一个对象的变量或者从数组变量中删除数组单元，甚至可以删除整个数组。 例如：delete month2; /删除数组的第三个元素,对象操作语句,1、 for in语句 可以用来来处理数组，for in语句还可以用来循环处理对象的所有属性。对于每一个属性，循环体内的语句被执行一遍。 for in语句处理对象的基本格式是： 在这样的循环中，每一个循环给予循环变量的值是由Javascript解释器内部决定的，不能人为地指定循环的顺序，因此也不必要知道对象中属性的个数就可以使用form语句对对象进行操作，使用起来十分方便。,例子, 编写Javascript脚本 document.write(“
8、document对象属性如下：“) for(var i in document) document.write(i+“) ,2With语句 with语句提供了一种简单而清晰的方法来表示对象与它的属性和方法之间的关系。如果在程序中要使用某个对象的多个属性和方法，就可以将这个对象用W讪语句包含起来，这样在代码块中就可以直接使用它的方法和属性。 下面是with语句的格式为：,例子, 编写Javascript脚本 with(Math) document.write(“+“sin(30)=“+sin(30)+“+“); document.write(“cos(30)=“+cos(30)+“); docu
9、ment.write(“tan(30)=“+tan(30); ,Array对象,Array对象是Javascript提供的一个实现数组特性的常用的内置对象。 Array对象有两个属性，一个是 length属性，用于返回数组中最大下标加 1的数字。 Array对象的另一个属性是prototype属性，用于在Array对象中添加新的属性和方法。有时，当一个对象的属性或者方法不够用时，就可以用prototype属性来添加新的属性或方法。,例1：, 编写Javascript脚本 var data=new Array(“one“,“two“,“three“,“four“,“five“); documen
10、t.write(“data的初始内容为：“+data+“,“); function fun() if(this.length!=0) document.write(“此数组的长度为“+this.length+“。“+“) else document.write(“此数组的长度为0。“+“); Array.prototype.fun=fun; data.fun(); data=new Array(); document.write(“+“数组被清零后“); data.fun(); ,通过这个例子，可以看到，要为Array对象添加新的方法，只要做到以下几步就能实现： (1)首先定义好相关的函数。
11、(2)使用语句Array.prototype.函数名=函数名，就将方法添加到Array对象中了。注意，赋值号（=）右边只是函数名，并没有括号。,String对象,String对象是Javascript提供的字符串处理对象，它提供了对字符串进行处理的属性和方法。在使用 String时，首先要做的是为它创建一个字符串变量。 由于Sirius对象与Javasmp脚本语言本身结合得十分紧密，因此，在创建一个字符串变量时，可以使用new运算符来创建，也可以直接将字符串赋给变量。例如： newstring=“This is a new string” 与 newstring=new String(“Thi
12、s is a new string”)等价。,string对象的属性和方法,String对象最常用的属性是length属性，通过调用String对象的length属性可以获得字符串中字符的个数（字符串长度）。 String对象的另一个属性是pfototype属性，可以用来为String对象增加新的属性或方法。 String对象的方法主要用于有关字符串在Web页面中的显示格式、字体大小、字体颜色、字符的搜索以及字符的大小写转换方面的功能。,string对象的字符串处理方法,根据参数传入的正则表达式或者分隔符来分隔调用此方法的字符串,string对象的字符串格式设置方法,例子, 编写Javascr
13、ipt脚本 var name=prompt(“请输入你的英文名字“,“请在这里输入“); document.write(“你的英文名字是“+name.bold()+“); document.write(“你的英文名字是“+name.toUpperCase()+“); document.write(“你的英文名字是“+name.fontsize(6)+“); document.write(“你的英文名字有“+name.length+“个字符“+“); document.write(“你的英文名字的前4个字符是“+name.substring(0,4)+“); ,Date对象,Date对象为用户提
14、供了获取和设置日期和时间的属性和方法，可以用来帮助网页制作人员提取日期和时间的某一部分及定义日期和时间。 Date对象没有提供直接访问的属性，只有一个属性prototype，用于在Date对象中添加新的属性和方法，其使用方法与Array对象的prototype属性的使用方法基本上是一 样的。,Javascript为Date()提供了许多用于操作日期和时间的方法,返回表示转换成世界时间的星期中的某一天(06,0表示星期日，6表示星期一),例子：, 编写Javascript脚本 today=new Date(); year=today.getFullYear(); month=today.getM
15、onth()+1; day=today.getDate(); theweek=today.getDay(); switch(theweek) case 0:week=“星期日“;break; case 1:week=“星期一“;break; case 2:week=“星期二“;break; case 3:week=“星期三“;break; case 4:week=“星期四“;break; case 5:week=“星期五“;break; case 6:week=“星期六“;break;,document.write(“+“今天是“+year+“年“+month+“月“+day+“日“+week
16、+“+“); document.write(“+“欢迎来访“+“); getFullyear是对所有年份都返回一个4位数，这样所有年份都可以返回了，getyear方法则是对于 19001999之间的年份返回两位数，而对于此范围之外的年份则返回4位数。 getMonth方法返回的月份是011。 getDay方法返回一个介于D6之间的数，对应于一个星期的7天，所以在脚本中使用了Switch语句来进行选择输出星期几。 today=new Date(2001,4,25,10,30);一句中，将括号内指定的日期和时间返回给,例2：简易电子时钟, 编写Javascript脚本 function showTime() now=new Date(); hours=now.getHours(); mins=now.getMinutes(); secs=now.getSeconds(); timeVal=“; timeVal+=ho
