《javaScript对象大全javaScript必备手册JS资料JS教程.doc》由会员分享，可在线阅读，更多相关《javaScript对象大全javaScript必备手册JS资料JS教程.doc（80页珍藏版）》请在三一文库上搜索。
1、javaScript 对象大全javaScript 对象大全 JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。 JavaScript的特点： 1. 简单、易学、易用； 2. 跨平台；IE、Navigator 3. 符合ECMA（欧洲计算机制造协会）标准，可移植； 4. 事件驱动式的脚本程序设计思想； 5. 动态、交互式的操作方式。 JavaScript的作用： 1. 交互式操作； 2. 表单验证； 3. 网页特效； 4. Web游戏 5. 服务器脚本开发等。 Ja
2、vaScript的编写环境：文本编辑器 JavaScript的执行平台：Web浏览器 JavaScript的执行方式：解释执行（由上而下） JavaScript的版本：JavaScript1.0JavaScript1.4 浏览器对JavaScript的支持： 1. JavaScript/IE3.0、JavaScript1.2/IE4.0； 2. 微软允许用户自行设置对JavaScript处理模式。 JavaScript与Java、VBScript、JScript的关系： JavaScript与Java的区别体现在： 首先，它们是两个公司开发的不同的两个产品，Java是SUN公司推出的新一代面向
3、对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品，其目的是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。 其次，JavaScript是基于对象的，而Java是面向对象的，即Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。 第三，两种语言在其浏览器中所执行的方式不一样。J
4、ava的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。 第四，两种语言所采取的变量是不一样的。Java采用强类型变量检查，即所有变量在编译之前必须作声明。JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型。 第五，代码格式不一样。Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那
5、么进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。 第六，嵌入方式不一样。在HTML文档中，两种编程语言的标识不同，JavaScript使用.来标识，而Java使用 . 来标识。 第七，静态绑定和动态绑定。Java采用静态联编，即Java的对象引用必须在编译时的进行，以使编译器能够实现强类型检查，如不经编译则就无法实现对象引用的检查。JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查。 JavaScript的格式： 1. Jav
6、aScript区分大小写； 2. JavaScript脚本程序须嵌入在HTML文件中； 3. JavaScript脚本程序中不能包含HTML标记代码；（双引号） 4. 每行写一条脚本语句； 5. 语句末尾可以加分号； 6. JavaScript脚本程序可以独立保存为一个外部文件，但其中不能包含标签。 JavaScript脚本程序的几种基本格式： 1. document.write(Hello World!);2. document.write(Hello World!);3. document.write(Hello World!);4. document.write(Hello World!
7、);5. 注意：document.write(Hello World!); 必须保存为一个外部文件：hello.js 6. 7. 使用JavaScript协议：请单击请单击：291911320请单击 JavaScript的数据类型： 1. 数值：整数、浮点数； 2. 逻辑值：布尔值； 3. 字符串值： 4. 空值： 5. 未定义值： JavaScript数据的表示： 1. 整数：由正负号、数字构成，八进制、十进制、十六进制； 2. 浮点数：由正负号、数字和小数点构成，常规记数法、科学记数法； 3. 逻辑值：true、false 4. 字符串值：单引号、双引号 5. 空值：null 6. 未定义
8、值：根本不存在的对象、已定义但没有赋值的量； JavaScript常量： 1. 布尔常量：truefalse 2. 整数常量：372100070xaff（0Xaff） 3. 浮点数常量：3.14.0013.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:
9、windows下) document.write(未满十八岁n不得进入！) document.write(未满十八岁不得进入！) document.alert(密码不对n请重新输入！) 7. 数组常量：hobby=听音乐,看电影hobby0、hobby1hobby=听音乐,看电影, hobby0、hobby1、hobby2、hobby3 JavaScript变量： 1. 变量命名规则： 首字符必须是大写或小写的字母或下划线（_）或美元符（$）; 后续的字符可以是字母、数字、下划线或美元符; 变量名称不能是保留字； 长度是任意； 区分大小写； 约定：集中置顶；使用局部变量；易于理解；stdId避
10、免混乱。usrnameusrName2. 声明变量： var stdId; var name,sex; var total=3721; var notNull=true; var name=李小龙，sex=先生; var i=j=0; 3. 变量赋值：stdId = 2004007;4. 变量作用域：（方式、位置） 全局变量：省略var，或在函数外声明 局部变量：在函数内声明 全局变量可在整个脚本中被使用，可在不同的窗口中相互引用（指定窗口名） 例：var langJS = JavaScript; /langJS是全局变量test(); function test() var langVBS
11、= VBScript; /langVBS是局部变量document.write( + langJS);document.write( + langVBS); document.write( + langJS);document.write( + langVBS); JavaScript表达式： 1. 算术表达式； 2. 字符串表达式； 3. 关系（比较）表达式； 4. 逻辑表达式。 JavaScript运算符： 1. 根据处理对象的数目： 单元运算符； 二元运算符； 三元运算符。2. 根据功能： 赋值运算符；=+=-=*=/=%=（取余） 算术运算符；+-*/%（取余）+（递增）-（递减）-
12、例： var x = 11; var y = 5;with (document) write(x = 11, y = 5);write(x + y 是 , x + y);write(x - y 是 , x - y);write(x * y 是 , x * y);write(x / y 是 , x / y);write(x % y 是 , x % y);write(+ x 是 , + x);write(- y 是 , - y);例：var x = y = 3; with (document) write(x = 3, y = 3 );write(若x = y+ 运算之后：);x = y+;/yx
13、，y+1ywrite(x 是 , x, ; y 是 , y, );write(再作x = +y 运算：);x = +y;/y+1x，y+1ywrite(x 是 , x, ; y 是 , y); 字符串运算符；+= 比较运算符；=!=（值及类型）!=（值及类型）=例：var x = 5; /x 是数值5var y = 5; /y 是字符串5var z = 6; /x 是数值6with (document) write(x = 5, y = 5, z = 6);write(x = y 吗？, x = y);write(x = y 吗？, x = y);write(x != y 吗？, x != y
14、);write(x != y 吗？, x != y);write(x = z 吗？, x = z);write(y = z 吗？, y = z);/类型自动转换 逻辑运算符；&|! 例：var t = true;var f = false;with(document) write(true & true 的结果是 , t & t);write(true & false 的结果是 , t & f);write(false & true 的结果是 , f & t);write(false & false 的结果是 , f & f);write(true & (1=1) 的结果是 , t & (1=
15、1);write(false & A 的结果是 , f & A);write(A & false 的结果是 , A & f);write(true & A 的结果是 , t & A);write(A & true 的结果是 , A & t);write(A & B 的结果是 , A & B);/&：有一个不是逻辑值，只要第一个操作数的值为flase，则返回第一个操作数的值flase，否则，返回第二个操作数的值例：var t = true;var f = false;with(document) write(true | true 的结果是 , t | t);write(true | false
16、 的结果是 , t | f);write(false | true 的结果是 , f | t);write(false | false 的结果是 , f | f);write(true | (1=1) 的结果是 , t | (1=1);write(false | A 的结果是 , f | A);write(A | false 的结果是 , A | f);write(true | A 的结果是 , t | A);write(A | true 的结果是 , A | t);write(A | B 的结果是 , A | B);/|：有一个不是逻辑值，只要第一个操作数为的值true、字符或非零的数字，则
17、返回第一个操作数的值，否则，返回第二个操作数的值例：with(document) write(!true 的结果是 , !true);write(!false 的结果是 , !false);write(!A 的结果是 , !A);write(!0 的结果是 , !0); 逐位运算符； 特殊运算符。1、new运算符：创建对象（实例） 格式：对象名称=new 对象类型（参数）2、this运算符：表示当前对象 格式：this.属性例：function validate(obj) alert(你输入的值是：+ obj.value); 请输入任意字符：3、条件运算符：三元运算符格式： ? 第一个值：第二
18、个值例：NS = (document.layers) ? 1 : 0;IE = (document.all) ? 1: 0; window.screen.width800 ? imgheight=100:imgheight=100window.screen.width800 ? imgleft=15:imgleft=122 function showSex() onOroff = document.forms0.sex0.checkedstatus = (onOroff)? 帅哥 : 美女alert(Hello! + status) 请输入你的性别：男生女生3. 运算符执行的优先顺序：类型运算
19、符括号()一元! - + - typeof void delete 算术* / + - 位位移 比较 = = != 位逻辑& （xor） | 逻辑& | 三元条件?赋值= += -= *= /= %= = = &= = |= JavaScript语句： 1. 注释语句： 单行注释：/注释文字 多行注释：/* 注释文字*/ 例：/* 源 码 之 家 * http:/ * 下载:http:/ * 论坛http:/ */2. with语句： （对象操作语句） 功能：为一段程序建立默认对象。 格式：with () 例：with (document) write (限时抢购物品：);write (Vie
20、wSonic 17 显示器。);write (EPSON 打印机。); 例：document.write (限时抢购物品：);document.write (ViewSonic 17 显示器。);document.write (EPSON 打印机。);3. if.else语句：格式1：if ();else;if ();else;例： var now = new Date();var hour = now.getHours();if (6 hour & hour 18)document.write (辛勤工作才能快乐收割！);elsedocument.write (休息一下，充电后再出发。);格
21、式2：if ()else格式3：if ()else if ()else 例1： 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) dayName = 星期三;else if (day = 4) dayName = 星期四; else if (day = 5) dayName = 星期五;else dayName =
22、星期六; document.write (今天是快乐的, dayName);例2： 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) dayName = 星期三;else if (day = 4) dayName = 星期四; else if (day = 5) dayName = 星期五;else dayName
23、= 星期六; document.write (今天是快乐的, dayName);4. while语句：格式1：while ()语句；格式2：while ()例： var i = 5;while ( i 0 ) document.write(i = ,i ,);i-; 5. do.while语句：格式：do while () 例： var i = 5;do document.write(i = ,i ,);i-; while ( i 0 ) 6. for语句：格式：for (；)例： for ( var i = 5; i 0; i- ) document.write(i = ,i ,); 7.
24、for.in语句：重复执行指定对象的所有属性格式：for ( 变量 in 对象 ) 例：function member(name, sex) /构造函数memberthis.name = name;this.sex = sex;function showProperty(obj, objString) var str = ;for (var i in obj)str += objString + . + i + = + obji + ;return str;papa = new member(杨宏文, 男生);/建立对象实例papadocument.write(showProperty(pap
25、a, papa) 8. break语句：格式：break例： var i = 5;while ( i 0 ) if ( i = 3 ) break;document.write(i = ,i ,);i-; 9. continue语句：格式：continue例： var i = 5;while ( i 0 ) i-; if ( i = 3 ) continue; document.write(i = ,i ,); 10. switch语句：格式：switch () case :break;case :break;.default 例： function greet(givenSex) switc
26、h(givenSex) case 帅哥 : alert(你好啊！);break;case 美女 : alert(你好啊！);break; 请输入性别：帅哥美女 对象：对象是一组具有属性和方法的经过组织的数据。 默认对象： 1. 日期对象；（日期基线：1970年1月1日00：00：00）建立日期对象(实例)：格式：日期对象名称=new Date(日期参数) 日期参数：1.省略；2.英文-数值格式：月 日，公元年 时：分：秒 如：today=new Date(October 1,2008 12:00:00)3.数值格式：公元年，月，日，时，分，秒 如：today=new Date(2008,10,
27、1)日期对象的方法：格式：日期对象名称.方法（参数）获取当地时间： getYear()返回年份数getFullYear()返回年份数getMonth()返回月份数（0-11）getDate()返回日期数（1-31）getDay()返回星期数（0-6）getHours()返回时数（0-23）getMinutes()返回分数（0-59）getSeconds()返回秒数（0-59）getMilliseconds()返回毫秒数（0-999）getTime()返回对应日期基线的毫秒Date.parse(日期字串)返回对应日期基线的毫秒setTime(时间值)指定一日期对象的值toGMTString()以
28、GMT格式表示日期对象toUTCString()以GMT格式表示日期对象2.3. 数组对象； 建立数组对象： 格式：数组对象名称=new Array(元素个数) 格式：数组对象名称=new Array(元素1，元素2，.) 格式：数组对象名称=元素1，元素2，. 例： fruit=new Array(3);/ fruit=new Array(); fruit0=苹果; fruit1=梨子; fruit2=橘子; fruit=new Array(苹果，梨子，橘子); fruit=苹果，梨子，橘子;数组对象的属性：格式：数组对象名称.属性属性：length数组长度例： var fruit = ne
29、w Array(苹果, 梨子, 橘子);var i;for (i=0; i fruit.length; i+) document.write(fruit , i, = , fruiti, )数组对象的方法：格式：数组对象名称.方法(参数)方法： join(分隔符)数组元素组合为字符串toString()以字符串表示数组reverse()数组反转valueOf()返回数组值 例： var fruit = new Array(苹果, 梨子, 橘子);document.write(, fruit.join();document.write(, fruit.join(、);document.write
30、(, fruit.toString();document.write(, fruit.reverse().join();document.write(, fruit.valueOf();二维数组： 例： 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+) document.write(fruit , i, , j, = ,
31、 fruitij,);document.write();4. 字符串对象； 建立字符串对象：格式：字符串对象名称=new String(字符串常量)格式：字符串变量名称=字符串常量字符串对象的属性：格式：字符串对象名称.属性属性：length 字符串长度 字符串对象的方法：格式：字符串对象名称.方法方法： bold()粗体italics()斜体strike()删除线fontsize(字级大小)文字大小fontcolor(#rrggbb)文字颜色sup()上标sub()下标toUpperCase()大写toLowerCase()小写charAt(索引)返回索引位置的字符charCodeAt(索引
32、)返回索引位置的ASCII字符码，十进制表示indexOf(字串,索引)返回字串在对象中的索引位置lastIndexOf(字串,索引)返回字串在对象中的索引位置（反向搜索）search(字串)返回字串在对象中的索引位置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 匹配一个
33、换行符。 r 匹配一个回车符。 s 匹配一个空格符。 S 匹配任意非空格符。 t 匹配一个table符。 W 匹配任何非单词符。 num 匹配正整数num。 /n/ 匹配八进制，十六进制，十进制的escape值。 toString()返回字符串valueOf()返回字符串值5. 例1：var str = JavaScript;document.write(str.bold(),);document.write(str.fixed(),);document.write(str.fontcolor(red),);document.write(str.fontsize(5),);例2：var str = JavaScript;var num = 1234;document.write(str.