H1-5 JavaScript对象

1、 JavaScript Object Introduction JavaScript对象简介对象简介了解对象简介熟悉对象的层次结构 掌握String字符串对象 掌握Math数学对象掌握Date对象 学习目标学习目标JavaScript 对象的层次结构对象的层次结构浏览器对象浏览器对象HTMLHTML对象对象脚本对象脚本对象浏览器窗口浏览器窗口window文档文档 documenturl地址等地址等String字符串对象字符串对象Date日期对象日期对象Math数学对象数学对象各种各种HTML标签标签:段落段落图片图片超链接超链接等等三三类类对对象象JavaScript对象简介对象简介 Java

2、Script 是使用是使用“对象化编程对象化编程”的，的，“对象化编程对象化编程”，意思是把，意思是把 JavaScript 能涉及的范围划分成大大小小的对象，能涉及的范围划分成大大小小的对象，所有的编程都以对象为出发点，基于对所有的编程都以对象为出发点，基于对象。小到一个变量，大到网页文档、窗象。小到一个变量，大到网页文档、窗口甚至屏幕。口甚至屏幕。 姓名：玛丽姓名：玛丽职衔：收银员职衔：收银员年龄：年龄：3030身高：身高：160cm160cm操作：操作：收款收款打印帐单打印帐单姓名：迈克姓名：迈克年龄：年龄：2828身高：身高：180cm180cm操作：操作：购买商品购买商品对象的示例对

3、象的示例属性属性方法方法q 对象是属性和对象是属性和/ /方法的组合方法的组合q 属性是对象所拥有的一组外观特征，一般为名词属性是对象所拥有的一组外观特征，一般为名词 q 方法是对象可以执行的功能，一般为动词方法是对象可以执行的功能，一般为动词收银员对象收银员对象顾客对象顾客对象String 字符串对象字符串对象声明一个声明一个String 字符串对象串对象最简单、常用的方法就是直接赋值。字符串对象串对象最简单、常用的方法就是直接赋值。属性：属性：length 用法，用法，.length；返回该字符串的长度。；返回该字符串的长度。创建字符串有两种不同方法创建字符串有两种不同方法 ：q使用使用

4、var 语句语句： var newstr = “我是字符串我是字符串q创建创建 String 对象：对象： var newstr = new String (“我是字符串我是字符串)String 字符串对象字符串对象String对象示例对象示例例如：例如：“hello，Jack”.indexOf(“hello”)将返回将返回;abcabc.indexOf(a,1)将返回将返回;例如：例如：var str = This is a string; var len = str.length(); 例如：例如：var str = This is a string; var result = str.e

5、ndsWith(string);结果：结果：true var result = str.endsWith(“This”);结果：结果：falseString对象示例对象示例substring 方法用于提取字符串中介于两个指定下标之间的字符substring(start,end)开始和结束的位置，从零开始的索引参数 描述start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。返回值一个新的字符串

6、，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。说明substring 方法返回的子串包括 start 处的字符，但不包括 end 处的字符。如果 start 与 end 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 end 大，那么该方法在提取子串之前会先交换这两个参数。如果 start 或 end 为负数，那么它将被替换为 0。String对象示例对象示例substr 方法定义和用法substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

7、语法stringObject.substr(start , length )参数 描述start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。length 可选。在返回的子字符串中应包括的字符个数。说明如果start为负数，则start=str.length+start。如果 length 为 0 或负数，将返回一个空字符串。如果没有指定该参数，则子字符串将延续到stringObject的最后。Math “数学数学”对象对象Math “数学数学”对象对象-1Math对象示例对象示例-2Date 对象对象Date 对象存储的从对象存储的从 0001 年到年到 9999 年的

8、任意一个日期，自年的任意一个日期，自1970 年年 1 月月1 日零时正开始日零时正开始00:00:00 以来的毫秒数。如果不指定时区，都采用以来的毫秒数。如果不指定时区，都采用“UTC”(世界时世界时)时区。时区。定义一个日期对象：定义一个日期对象： var 日期对象日期对象 = new Date (年、月、日等参数年、月、日等参数)例如：例如：var d = new Date(99, 10, 1,20:30:00); /99 年年 10 月月 1 日日 20:30:00var d = new Date(Oct 1, 1999); /99 年年 10 月月 1 日日如果没有参数，表示当前日期

9、和时间如果没有参数，表示当前日期和时间例如：例如：var today = new Date( ) Date 对象对象-1Data 方法的分组：方法的分组： Date 对象对象-2Date 方法的参数：方法的参数： Date 对象对象-3Set 方法：方法：Set方法示例方法示例Date 对象对象-4Get 方法：方法：Get方法示例方法示例Date 对象对象-5To 方法：方法：Parse 方法和方法和 UTC 方法方法: Data对象示例对象示例javascript事件事件JavaScript 键盘事件键盘事件定时器定时器DOMHTML Document Object Model（简称HTM

10、L DOM模型），是W3C发布的访问和操作HTML的标准和方法，所有浏览器都都执行了这个标准。因此DOM的兼容性很好。DOM规范中强调节点(Node)的概念，每个节点都有名称以及属性。整个文档就是一个文档节点，每个HTML标签是一个元素节点，而每个HTML属性又是一个属性节点，注释属于注释节点。DOMHTML文档中的所有节点组成了DOM模型树，如上图，树的根起始于文档节点，并由此发散，延伸到文本，标题等属性节点。也就是，借助DOM模型中的方法可以访问到HTML文档中每一个标签。DOM节点访问节点访问父节点：parentNode包含其它节点，如下代码中的标签子节点：children被包含的节点，如下中的标签注：因为children是数组，所以第一个子节点：children0第二个子节点；children1.最后一个子节点：children对象.children.length-1兄弟节点：没有包含与被包含并系前一个兄弟节点：previousElementSibling 前一个兄弟后一个兄弟节点：nextElementSibling后一个兄弟小小 结结-1将对象定义为综合数据“包“。对象包含自身的属性（变量）及处理数据的方法(函数)。我们可以将字符串、整数等数据类型看作是一个对象，当我们定义一个变量的时候，我们就创建了一个对象实例 (通常简称 “对象”)。Jav