JavaScript Bom对象

Document 对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

Document 对象集合

集合	描述
all[]	提供对文档中所有 HTML 元素的访问。
anchors[]	返回对文档中所有 Anchor 对象的引用。
applets	返回对文档中所有 Applet 对象的引用。
forms[]	返回对文档中所有 Form 对象引用。
images[]	返回对文档中所有 Image 对象引用。
links[]	返回对文档中所有 Area 和 Link 对象引用。

Document 对象描述

HTMLDocument 接口对 DOM Document 接口进行了扩展，定义 HTML 专用的属性和方法。

很多属性和方法都是 HTMLCollection 对象（实际上是可以用数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。

这些集合属性都源自于 0 级 DOM。它们已经被 Document.getElementsByTagName() 所取代，但是仍然常常使用，因为他们很方便。

write() 方法值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。

注意，在 1 级 DOM 中，HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。在 2 级 DOM 中，该方法已经被转移到了 Document 接口，它现在由 HTMLDocument 继承而不是由它定义了。

JS中常用的内置对象：

Array对象、Date对象、正则表达式对象、string对象、Global对象 

Array对象中常用方法： 

concat（）　　　　 表示把几个数组合并成一个数组
join（）　　　　　  设置分隔符连接数组元素为一个字符串

pop（）　　　　　  移除数组最后一个元素
shift（）　　　　　 移除数组中第一个元素 
slice（start，end）  返回数组中的一段

splice（）　　　　  可以用来删除，可以用来插入，也可以用来替换 
push（）　　　　    往数组中新添加一个元素，返回最新长度
sort（）　　　　　  对数组进行排序
reverse（）　　　　反转数组的顺序 
toLocaleString()　　 把数组转换为本地字符串
array对象属性： 
length　　　　　　  表示取得当前数组长度 （常用）

constructor　　　　 引用数组对象的构造函数

prototype　　　　　通过增加属性和方法扩展数组定义

Global对象 

全局属性和函数，可用于所有内建的JavaScript对象
escape（）　　　　 对字符串编码
eval（） 　　　　　 把字符串解析为JavaScript代码并执行
isNaN()　　　　　　判断一个值是否是NaN 
parseInt（）　　　   解析一个字符串并返回一个整数

parseFloat（）　　   解析一个字符串并返回一个浮点数 

number（） 　　　　把对象的值转换为数字

string（）　　　　　把对象的值转换为字符串

正则表达式对象 

语法 1 
re = /pattern/[flags] 

语法 2 
re = new RegExp("pattern",["flags"]) 
re　　　　　　　　 为将要赋值正则表达式模式的变量名 
pattern　　　　　　为正则表达式 
flags      　　　　　  为标记：有如下3种
1：g（全文查找） 
2：i（忽略大小写） 
3：m（多行查找） 
当预先知道查找字符串时用语法 1。当查找字符串经常变动或不知道时用语法 2，比如由用户输入得到的字符串。
 

String对象 

charAt()　　　　　 　　　　返回指定索引的位置的字符 

indexOf() 　　　　  　　　　从前向后检索字符串，看是否含有指定字符串

lastIndexOf()　　　 　　　　从后向前检索字符串，看是否含有指定字符串
concat()　　 　　　　　　　连接两个或多个字符串
match()　　     　　　　　　使用正则表达式模式对字符串执行查找，并将包含查找结果最为结果返回

replace()　　　　　　　　　替换一个与正则表达式匹配的子串
search()　　　　　　　　　 检索字符串中与正则表达式匹配的子串。如果没有找到匹配，则返回 -1。 
slice（start，end） 　　　　根据下表截取子串 

substring（start，end）　　 根据下表截取子串 
split()　　　　　　　　　　  根据指定分隔符将字符串分割成多个子串，并返回素组
substr(start，length)　　　　根据长度截取字符串 

toUpperCase()　　　　　　 返回一个字符串，该字符串中的所有字母都被转化为大写字母。 
toLowerCase()　　　　　　 返回一个字符串，该字符串中的所有字母都被转化为小写字母。

Math对象

ceil()　　　　向上取整。

floor()　　　  向下取整。

round()　　　四舍五入。

random()　　取随机数。

 

Date对象

getDate函数：　　　　　　返回日期的“日”部分，值为1～31。
getDay函数：　　　　　　 返回星期，值为0～6，0表示星期日。
getHours函数：　　　　　 返回日期的“小时”部分，值为0～23。
getMinutes函数：　　　　  返回日期的“分钟”部分，值为0～59。
getMonth函数：　　　　　 返回日期的“月”部分，值为0～11。
getSeconds函数：　　　　 返回日期的“秒”部分，值为0～59。
getTime函数：　　　　　　返回系统时间。
getTimezoneOffset函数：　返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差)，单位为分钟。
getYear函数：　　　　　　返回日期的“年”部分。返回值以1900年为基数，如1999年为99。
parse函数：　　　　　　　返回从1970年1月1日零时整算起的毫秒数(当地时间)
setDate函数：　　　　　　设定日期的“日”部分，值为0～31。 
setHours函数：　　　　　  设定日期的“小时”部分，值为0～23。
setMinutes函数：　　　　  设定日期的“分钟”部分，值为0～59。
setMonth函数：　　　　　  设定日期的“月”部分，值为0～11。其中0表示1月，...，11表示12月。
setSeconds函数：　　　　 设定日期的“秒”部分，值为0～59。
setTime函数：　　　　　　设定时间。时间数值为1970年1月1日零时整算起的毫秒数。 
setYear函数：　　　　　　设定日期的“年”部分。
toGMTString函数：　　　　转换日期成为字符串，为GMT格林威治标准时间。
setLocaleString函数：　　   转换日期成为字符串，为当地时间。 
UTC函数：　　　　　　　   返回从1970年1月1日零时整算起的毫秒数(GMT)。

 

 

 

定时函数

一setTimeout函数和setInterval函数的语法以及应用

1.setTimeout函数

定义和用法:setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。　　

语法:setTimeout(code,millisec);

参数：

code （必需）：要调用的函数后要执行的 JavaScript 代码串。 　　

millisec（必需）：在执行代码前需等待的毫秒数。　　

注意：

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

返回值

一个可以传递给 Window.clearTimeout() 从而取消对 code 的周期性执行的值。

既然setTimeout是一个定时器函数，那么就有一个一个函数来清理定时器，那我们就用到了clearTimeout函数。

clearTimeout（setTimeout（）返回的ID值）；

2.setInterval定义

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法

setInterval(code,millisec[,"lang"])；

参数code必需。要调用的函数或要执行的代码串。

millisec必须。周期性执行或调用 code 之间的时间间隔，以毫秒计

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

既然setTimeout是一个定时器函数，那么就有一个一个函数来清理定时器，那我们就用到了clearInterval()函数。

clearInterval()（setInterval（）返回的ID值）；