javascript内置对象大全

1、窗体顶端javaScript 对象大全 javaScript 对象大全 JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。· JavaScript的特点： 1. 简单、易学、易用； 2. 跨平台；IE、Navigator 3. 符合ECMA（欧洲计算机制造协会）标准，可移植； 4. 事件驱动式的脚本程序设计思想； 5. 动态、交互式的操作方式。 · JavaScript的作用： 1. 交互式操作； 2. 表单验证； 3. 网页特效； 4. Web

2、游戏 5. 服务器脚本开发等。 · JavaScript的编写环境：文本编辑器· JavaScript的执行平台：Web浏览器· JavaScript的执行方式：解释执行（由上而下）· JavaScript的版本：JavaScript1.0JavaScript1.4· 浏览器对JavaScript的支持： 1. JavaScript/IE3.0、JavaScript1.2/IE4.0； 2. 微软允许用户自行设置对JavaScript处理模式。 · JavaScript与Java、VBScript、JScript的关系： JavaSc

3、ript与Java的区别体现在： 首先，它们是两个公司开发的不同的两个产品，Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品，其目的是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。 其次，JavaScript是基于对象的，而Java是面向对象的，即Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动

4、的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。 第三，两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。 第四，两种语言所采取的变量是不一样的。Java采用强类型变量检查，即所有变量在编译之前必须作声明。JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运

5、行时检查其数据类型。 第五，代码格式不一样。Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。 第六，嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用<script>.</script>来标识，而Java使用<applet> . </applet> 来标识。 第七，静态绑定和动态绑定。Java采用静态联编，即Ja

6、va的对象引用必须在编译时的进行，以使编译器能够实现强类型检查，如不经编译则就无法实现对象引用的检查。JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查。      · JavaScript的格式： 1. JavaScript区分大小写； 2. JavaScript脚本程序须嵌入在HTML文件中； 3. JavaScript脚本程序中不能包含HTML标记代码；（双引号） 4. 每行写一条脚本语句； 5. 语句末尾可以加分号； 6. JavaScript脚本程序可以独立保存为一个外部文件，但其中

7、不能包含<script></script>标签。 · JavaScript脚本程序的几种基本格式： 1. <script>    document.write("Hello World!");</script>2. <script language="JavaScript">    document.write("Hello World!");</script>3. <

8、script language="JavaScript" type="text/JavaScript">    document.write("Hello World!");</script>4. <script language="JavaScript1.2">    document.write("Hello World!");</script>5. <script

9、 src="hello.js"></script>注意：document.write("Hello World!"); 必须保存为一个外部文件：hello.js 6. <script language="JavaScript"><!-    document.write("Hello World!");-></script>7. 使用JavaScript协议：<a href="JavaScript:aler

10、t('Hello World!')">请单击</a><a href="#" onclick="alert('Hello World!')">请单击</a><a href="JavaScript:/" onclick="alert('Hello World!')">请单击</a>       · JavaScript的数据类型

11、： 1. 数值：整数、浮点数； 2. 逻辑值：布尔值； 3. 字符串值： 4. 空值： 5. 未定义值： · JavaScript数据的表示： 1. 整数：由正负号、数字构成，八进制、十进制、十六进制； 2. 浮点数：由正负号、数字和小数点构成，常规记数法、科学记数法； 3. 逻辑值：true、false 4. 字符串值：单引号、双引号 5. 空值：null 6. 未定义值：根本不存在的对象、已定义但没有赋值的量； · JavaScript常量： 1. 布尔常量：truefalse 2. 整数常量：372100070xaff（0Xaff） 3. 浮点数常量：3.14.001

12、3.721e+3-3.721E-3 4. 字符串常量："你的E-mail地址有误！" 5. 含转义字符的字符串常量：转义字符意义b退格（Backspace）f换页（Form feed）n换行（New line）r返回（Carriage return）t制表符（Tab）'单引号（'）"双引号（"）反斜线（）6. document.write("我爱'JavaScript'") document.write("文件在c:windows下") document.write("&l

13、t;pre>未满十八岁n不得进入！</pre>") document.write("未满十八岁<br>不得进入！") document.alert("密码不对n请重新输入！") 7. 数组常量：hobby="听音乐","看电影"hobby0、hobby1hobby="听音乐","看电影", hobby0、hobby1、hobby2、hobby3 · JavaScript变量： 1. 变量命名规则： § 首字符必须是大

14、写或小写的字母或下划线（_）或美元符（$）; § 后续的字符可以是字母、数字、下划线或美元符; § 变量名称不能是保留字； § 长度是任意； § 区分大小写； § 约定：集中置顶；使用局部变量；易于理解；stdId避免混乱。usrnameusrName2. 声明变量：§ var stdId; § var name,sex; § var total=3721; § var notNull=true; § var name="李小龙"，sex="先生"

15、67; var i=j=0; 3. 变量赋值：stdId = 2004007;4. 变量作用域：（方式、位置）§ 全局变量：省略var，或在函数外声明 § 局部变量：在函数内声明 § 全局变量可在整个脚本中被使用，可在不同的窗口中相互引用（指定窗口名） § 例：<Script>var langJS = "JavaScript" /langJS是全局变量test(); function test()     var langVBS = "VBScript" /lan

16、gVBS是局部变量    document.write("<LI>" + langJS);    document.write("<LI>" + langVBS); document.write("<LI>" + langJS);document.write("<LI>" + langVBS);</Script>     

17、60;· JavaScript表达式： 1. 算术表达式； 2. 字符串表达式； 3. 关系（比较）表达式； 4. 逻辑表达式。 · JavaScript运算符： 1. 根据处理对象的数目：§ 单元运算符； § 二元运算符； § 三元运算符。2. 根据功能：§ 赋值运算符；=+=-=*=/=%=（取余）§ 算术运算符；+-*/%（取余）+（递增）-（递减）- 例： <Script>var x = 11; var y = 5;with (document)     write

18、("x = 11, y = 5");    write("<LI>x + y 是 ", x + y);    write("<LI>x - y 是 ", x - y);    write("<LI>x * y 是 ", x * y);    write("<LI>x / y 是 ", x /

19、 y);    write("<LI>x % y 是 ", x % y);    write("<LI>+ x 是 ", + x);    write("<LI>- y 是 ", - y);</Script>例：<Script>var x = y = 3; with (document)     write("

20、;x = 3, y = 3 <br>");    write("若x = y+ 运算之后：");    x = y+;/yx，y+1y    write("x 是 ", x, " y 是 ", y, "<br>");    write("再作x = +y 运算：");   &

21、#160;x = +y;/y+1x，y+1y    write("x 是 ", x, " y 是 ", y);</Script>§ 字符串运算符；+=§ 比较运算符；=!=（值及类型）!=（值及类型）<<=>>=例：<Script>var x = 5; /x 是数值5var y = '5' /y 是字符串5var z = 6; /x 是数值6with (document)     write(

22、"x = 5, y = '5', z = 6");    write("<LI>x = y 吗？", x = y);    write("<LI>x = y 吗？", x = y);    write("<LI>x != y 吗？", x != y);    write("<LI>x

23、!= y 吗？", x != y);    write("<LI>x <= z 吗？", x <= z);    write("<LI>y <= z 吗？", y <= z);    /类型自动转换</Script>§ 逻辑运算符；&&|! 例：<Script>var t = true;var f = false;with(doc

24、ument) write("<OL><LI>true && true 的结果是 ", t && t);write("<LI>true && false 的结果是 ", t && f);write("<LI>false && true 的结果是 ", f && t);write("<LI>false && false 的结果是 ", f &

25、& f);write("<LI>true && (1=1) 的结果是 ", t && (1=1);write("<LI>false && 'A' 的结果是 ", f && 'A');write("<LI>'A' && false 的结果是 ", 'A' && f);write("<LI>true &&am

26、p; 'A' 的结果是 ", t && 'A');write("<LI>'A' && true 的结果是 ", 'A' && t);write("<LI>'A' && 'B' 的结果是 ", 'A' && 'B');    /&&：有一个不是逻辑值，只要第一个操

27、作数的值为flase，则返回第一个操作数的值flase，否则，返回第二个操作数的值</Script>例：<Script>var t = true;var f = false;with(document) write("<OL><LI>true | true 的结果是 ", t | t);write("<LI>true | false 的结果是 ", t | f);write("<LI>false | true 的结果是 ", f | t);write("

28、<LI>false | false 的结果是 ", f | f);write("<LI>true | (1=1) 的结果是 ", t | (1=1);write("<LI>false | 'A' 的结果是 ", f | 'A');write("<LI>'A' | false 的结果是 ", 'A' | f);write("<LI>true | 'A' 的结果是 ",

29、t | 'A');write("<LI>'A' | true 的结果是 ", 'A' | t);write("<LI>'A' | 'B' 的结果是 ", 'A' | 'B');    /|：有一个不是逻辑值，只要第一个操作数为的值true、字符或非零的数字，则返回第一个操作数的值，否则，返回第二个操作数的值</Script>例：<Script>with(do

30、cument)     write("<LI>!true 的结果是 ", !true);    write("<LI>!false 的结果是 ", !false);    write("<LI>!'A' 的结果是 ", !'A');    write("<LI>!0 的结果是 "

31、, !0);</Script>§ 逐位运算符；§ 特殊运算符。1、new运算符：创建对象（实例） 格式：对象名称=new 对象类型（参数）2、this运算符：表示当前对象 格式：this.属性例：<Script>function validate(obj)     alert("你输入的值是："+ obj.value); </Script>请输入任意字符：<BR><INPUT TYPE="text" onKeyup="validat

32、e(this)">3、条件运算符：三元运算符格式：<条件表达式> ? 第一个值：第二个值例：NS = (document.layers) ? 1 : 0;IE = (document.all) ? 1: 0; window.screen.width>800 ? imgheight=100:imgheight=100window.screen.width>800 ? imgleft=15:imgleft=122 <Script>function showSex() onOroff = document.forms0.sex0.checkedst

33、atus = (onOroff)? "帅哥" : "美女"alert("Hello! " + status)</Script> 请输入你的性别：<FORM onClick=showSex()><INPUT TYPE=radio NAME=sex>男生<INPUT TYPE=radio NAME=sex>女生</FORM>3. 运算符执行的优先顺序：类型运算符括号()一元! - + - typeof void delete 算术* / + - 位位移<< >&

34、gt; >>> 比较< <= > >= = != 位逻辑& （xor） | 逻辑&& | 三元条件?赋值= += -= *= /= %= <<= >>= >>>= &= = |=       · JavaScript语句： 1. 注释语句：§ 单行注释：/注释文字 § 多行注释：/* 注释文字*/§ 例：/*       

35、      源 码 之 家               *                 *      下载:      *   

36、0; 论坛    */2. with语句： （对象操作语句）§ 功能：为一段程序建立默认对象。 § 格式：with (<对象>)<语句组>§ 例：with (document)     write ("限时抢购物品：");    write ("<Li>ViewSonic 17" 显示器。");    write (&qu

37、ot;<Li>EPSON 打印机。");§ 例：document.write ("限时抢购物品：");document.write ("<Li>ViewSonic 17" 显示器。");document.write ("<Li>EPSON 打印机。");3. if.else语句：格式1：if (<表达式>)    <语句1>else    <语句2>if

38、(<表达式>) <语句1>else <语句2>例：<Script> var now = new Date();var hour = now.getHours();if (6 < hour && hour < 18)    document.write ("辛勤工作才能快乐收割！");else    document.write ("休息一下，充电后再出发。");</Scrip

39、t>格式2：if (<表达式>)    <语句组1>else    <语句组2>格式3：if (<表达式1>)    <语句组1>else if (<表达式2>)    <语句组2>else    <语句组3> 例1：<Script> var now = new Date();var

40、day = now.getDay();var dayName;if (day = 0) dayName = "星期日"else if (day = 1) dayName = "星期一"else if (day = 2) dayName = "星期二" else if (day = 3) dayName = "星期三"else if (day = 4) dayName = "星期四" else if (day = 5) dayName = "星期五"else dayName =

41、 "星期六" document.write ("今天是快乐的", dayName);</Script>例2：<Script> var now = new Date();var day = now.getDay();var dayName;if (day = 0) dayName = "星期日"else if (day = 1) dayName = "星期一"else if (day = 2) dayName = "星期二" else if (day = 3) dayNam

42、e = "星期三"else if (day = 4) dayName = "星期四" else if (day = 5) dayName = "星期五"else dayName = "星期六" document.write ("今天是快乐的", dayName);</Script>4. while语句：格式1：while (<表达式>)    语句；格式2：while (<表达式>)   &

43、#160;<语句组>例：<Script> var i = 5;while ( i > 0 )     document.write("i = " ,i ,"<BR>");    i-; </Script>5. do.while语句：格式：do     <语句组> while (<表达式>) 例：<Script> var i = 5;do  

44、;   document.write("i = " ,i ,"<BR>");    i-; while ( i > 0 ) </Script>6. for语句：格式：for (<初始表达式>；<条件表达式>；<变动量表达式>)    <语句组>例：<Script> for ( var i = 5; i > 0; i- )   

45、60; document.write("i = " ,i ,"<BR>"); </Script>7. for.in语句：重复执行指定对象的所有属性格式：for ( 变量 in 对象 )    <语句组> 例：<Script>function member(name, sex) /构造函数member     = name;    this.sex = sex;f

46、unction showProperty(obj, objString) var str = ""for (var i in obj)    str += objString + "." + i + " = " + obji + "<BR>" return str;papa = new member("杨宏文", "男生");/建立对象实例papadocument.write(showProperty(papa,

47、"papa") </Script>8. break语句：格式：break例：<Script> var i = 5;while ( i > 0 )     if ( i = 3 ) break;    document.write("i = " ,i ,"<BR>");    i-; </Script>9. continue语句：格式：continue例：<S

48、cript> var i = 5;while ( i > 0 )     i-;     if ( i = 3 ) continue;     document.write("i = " ,i ,"<BR>"); </Script>10. switch语句：格式：switch (<表达式>)     case <数值1>:<语句组1

49、>                 break;    case <数值2>:<语句组2>                 break;    .&#

50、160;   default <语句组> 例：<Script> function greet(givenSex) switch(givenSex)     case "帅哥" : alert("你好啊！");                  break;  

51、60; case "美女" : alert("你好啊！");                  break;</Script> 请输入性别：<FORM><INPUT TYPE="radio" NAME="sex" onClick="greet('帅哥')">

52、帅哥<INPUT TYPE="radio" NAME="sex" onClick="greet('美女')">美女</FORM>       · 对象：对象是一组具有属性和方法的经过组织的数据。· 默认对象： 1. 日期对象；（日期基线：1970年1月1日00：00：00）建立日期对象(实例)：格式：日期对象名称=new Date(日期参数) 日期参数：1.省略；2.英文-数值格式：月 日，公元年 时：分：

53、秒 如：today=new Date("October 1,2008 12:00:00")3.数值格式：公元年，月，日，时，分，秒 如：today=new Date(2008,10,1)日期对象的方法：格式：日期对象名称.方法（参数）获取当地时间： getYear()返回年份数getFullYear()返回年份数getMonth()返回月份数（0-11）getDate()返回日期数（1-31）getDay()返回星期数（0-6）getHours()返回时数（0-23）getMinutes()返回分数（0-59）getSeconds()返回秒数（0-59）getMillise

54、conds()返回毫秒数（0-999）getTime()返回对应日期基线的毫秒Date.parse(日期字串)返回对应日期基线的毫秒setTime(时间值)指定一日期对象的值toGMTString()以GMT格式表示日期对象toUTCString()以GMT格式表示日期对象2.3. 数组对象； 建立数组对象： 格式：数组对象名称=new Array(元素个数) 格式：数组对象名称=new Array(元素1，元素2，.) 格式：数组对象名称=元素1，元素2，. 例： fruit=new Array(3);/ fruit=new Array(); fruit0="苹果" fr

55、uit1="梨子" fruit2="橘子" fruit=new Array("苹果"，"梨子"，"橘子"); fruit="苹果"，"梨子"，"橘子"数组对象的属性：格式：数组对象名称.属性属性：length数组长度例：<Script> var fruit = new Array("苹果", "梨子", "橘子");var i;for (i=0; i < fr

56、uit.length; i+)     document.write("fruit ", i, " = ", fruiti, "<br>")</Script>数组对象的方法：格式：数组对象名称.方法(参数)方法： join(分隔符)数组元素组合为字符串toString()以字符串表示数组reverse()数组反转valueOf()返回数组值 例：<Script> var fruit = new Array("苹果", "梨子&qu

57、ot;, "橘子");document.write("<LI>", fruit.join();document.write("<LI>", fruit.join("、");document.write("<LI>", fruit.toString();document.write("<LI>", fruit.reverse().join();document.write("<LI>", fruit

58、.valueOf();</Script>二维数组： 例：<Script> var fruit = new Array(3);fruit0 = new Array("苹果", 2);fruit1 = new Array("梨子", 4);fruit2 = new Array("橘子", 2);for (i=0; i < fruit.length; i+)   for (j=0; j < fruit0.length; j+)     docum

59、ent.write("fruit ", i, "", j, " = ", fruitij,"<br>");    document.write("<br>");</Script>4. 字符串对象； 建立字符串对象：格式：字符串对象名称=new String(字符串常量)格式：字符串变量名称="字符串常量"字符串对象的属性：格式：字符串对象名称.属性属性：length 字符串长度 字符串对象的方法：格式

60、：字符串对象名称.方法方法： bold()粗体italtics()斜体strike()删除线fontsize(字级大小)文字大小fontcolor(#rrggbb)文字颜色sup()上标sub()下标toUpperCase()大写toLowerCase()小写charAt(索引)返回索引位置的字符charCodeAt(索引)返回索引位置的ASCII字符码，十进制表示indexOf("字串",索引)返回字串在对象中的索引位置lastIndexOf("字串",索引)返回字串在对象中的索引位置（反向搜索）search("字串")返回字串在对

61、象中的索引位置replace("字串1","字串2")字串2替换字串1slice(索引i,索引j)返回索引i倒索引j-1的子串split("字串",限制)将字串从对象中删除substr(start,length)返回特定长度的字串substring(索引i,索引j)返回索引i倒索引j-1的子串link("url")设置链接match(/匹配字符/)d 匹配一个数字字符。 D 匹配一个非数字字符。 n 匹配一个换行符。 r 匹配一个回车符。 s 匹配一个空格符。 S 匹配任意非空格符。 t 匹配一个table符。 W

62、 匹配任何非单词符。 num 匹配正整数num。 /n/ 匹配八进制，十六进制，十进制的escape值。 toString()返回字符串valueOf()返回字符串值5. 例1：<Script>var str = "JavaScript"document.write(str.bold(),"<BR>");document.write(str.fixed(),"<BR>");document.write(str.fontcolor("red"),"<BR>&q

63、uot;);document.write(str.fontsize(5),"<BR>");</Script>例2：<Script>var str = "JavaScript"var num = 1234;document.write(str.toUpperCase(), "<BR>"); document.write(num.toString().charAt(2),"<BR>");document.write(str.substring(0,4), &q

64、uot;<BR>"); 6. </Script>7. 例3：<Script>var str = "JavaScript" 8. document.write(str, " 有 ", str.length, " 个字<BR>");document.write(str.fontcolor("green"), " 不是 ");document.write(str.substr(0,4).fontcolor("red");do

65、cument.write(" 也不是 ", str.replace("Java", "VB");9. </Script>10. 例4：<Script>var str = "hubert"var idx = str.search("");var usr = str.substr(0,idx); 11. document.write(usr.toUpperCase().fontsize(7), "<BR>");document.write(&q

66、uot;你的电子信箱是", str);12. </Script>13. 例5：<Script> 14. function isEmail()  var str = document.form1.add.value;  if (str.indexOf("") = -1)    alert("请填写正确的EMail地址");  else    alert("OK!")

67、;15. </Script>16. <FORM name="form1">请输入你的 EMail 地址：<INPUT TYPE="text" name="add"><INPUT TYPE="button" value="开始检查" onClick="isEmail()"></FORM>17. 布尔对象；建立布尔对象： 格式：布尔对象名称=new Boolean(转换值) 转换值：null、未定义、0、或false均转

68、换成false布尔对象的方法： 格式：布尔对象名称.方法 方法：toString() valueOf() 例：<Script> x = new Boolean();y = new Boolean(true);z = new Boolean(0);document.write(x, "<br>");document.write(y, "<br>");document.write(z, "<br>");</Script>18. 数学对象；（静态对象）数学对象的属性：格式：Math

69、.属性属性： E自然对数的底数LN22的自然对数LN1010的自然对数LOG2E以2为底e的对数LOG10E以10为底e的对数PI圆周率SQRT1_21/2的平方根SQRT22的平方根19. 数学对象的方法：格式：Math.方法（参数）方法： ceil(数值)大于等于该数值的最小整数floor(数值)小于等于该数值的最大整数min(数值1,数值2)最小值max(数值1,数值2)最大值pow(数值1,数值2)数值1的数值2次方random()0倒1的随机数round(数值)最接近该数值的整数sqrt(数值)开平方根abs、sin(弧度)、cos、tan、asin、acos、atan、exp、lo

70、g20. 例1：<Script> 21. with (document)     write("<LI>2 的平方根值是 ", Math.sqrt(2);    write("<LI>2 ³ = ", Math.pow(2,3);    write("<LI>最接近 3.14 的整数是 ", Math.round(3.14)

71、;</Script>22. 例2： <Script> 23. var now = new Date();var firstDay = new Date("Nov 10, 1999");var duration = now - firstDay;var msPerDay = 24 * 60 * 60 * 1000; /换算成毫秒days = Math.round(duration/msPerDay);24. document.write("本网站已经开幕" + days + "天了");</Script&g

72、t;例3：<Script>var promote = new Array(3);promote0 = "拍卖区又有新货到了，赶快来捡便宜啊."promote1 = "成为会员，马上享受八折优惠，还可以参加抽奖！"promote2 = "庆祝访问人数突破十万人次，填问卷就送大奖，快来啊！"25. index = Math.floor(Math.random() * promote.length);document.write(promoteindex);</Script>26. 数值对象； 27. 函数对象；28

73、. 自定义对象。 § 自定义对象； § 构造函数定义对象类型； § 建立对象实例。 § 例：<Script> function member(name, sex)      = name;    this.sex = sex;var papa = new member("杨宏文", "男生");var mama = new member("黄雅玲", "女生");va

74、r doggy = new member("奇奇", "宠物狗");document.write();document.write("是", papa.sex);</Script>§ 动态的定义对象属性； § 例：为指定的对象实例定义属性：papa.hobby="看电视"为对象定义属性：totype.hobby=null;papa.hobby="上网" mama.hobby="逛街" doggy.hobby="啃骨头" § 定义对象的方法； § 构造函数定义对象方法名； § 建立方法的描述函数。 § 例：<Script> function membe