BOM(阅读器对象模型):可以对阅读器的窗口进行访问和操作
1、基本的BOM体系:
window------------document------------------------------------------anchors
| |
--frames
----forms
| |
--history
----images
| |
--location(阅读器地址)
----links
| |
--navigator(获得阅读器信息)
----location
|
--screen(屏幕)
2、screen 对象:通过window.screen属性来访问
(1)、availHeight / availWidth(返回屏幕的内高度/宽度,相对硬件而言,不随窗口大小变化而变化)
(2)、height / width 返回屏幕硬件规定总高,不可改变
(3)pixelDepth 显示屏幕的色彩分辨率(比特每像素)
3、location对象:通过window.location属性来访问
(1)hash 设置或返回从井号 (#) 开始的 URL(锚)。
(2)host 设置或返回主机名和当前 URL 的端口号。
(3)hostname 设置或返回当前 URL 的主机名。
(4)href 设置或返回完全的 URL。
(5)pathname 设置或返回当前 URL 的路径部份。
(6)port 设置或返回当前 URL 的端口号。
(7)protocol 设置或返回当前 URL 的协议。
(8)search 设置或返回从问号 (?) 开始的 URL(查询部份)。
(9)assign() 加载新的文档
(10)replace() 用新的文档替换当前文档
如:window.location.replace("http://www.w3school.com.cn")
(11)reload() 重新加载当前文档
4、history对象:通过window.history 属性来访问
(1)length:返回阅读器历史列表中的url数量
如:document.write(history.length);
(2)back() 加载 history 列表中的前1个 URL
(3)forward() 加载 history 列表中的下1个 URL
(4)go() 加载 history 列表中的某个具体页面
5、navigator对象:
(1)appCodeName 阅读器代码名的字符串表示(如"Mozilla")
(2)appName 官方阅读器名的字符串表示
(3)appMinorVersion 额外版本信息的字符串表示
6 、时间间隔和暂停
暂停:在指定的毫秒数后履行指定的代码,时间间隔是反复履行指定的代码,每次履行之间等待指定的毫秒数
用window对象的setTimeout()方法设置暂停,接受两个参数,要履行的代码和在履行它之前要等待的毫秒数,可
以援用之前定义的函数,如setTimeout(func,1000);意思是在1秒以后履行func函数
setTimeout 和 setInterval 的区分:
setTimeout方法是定时程序,也就是在甚么时间以后干甚么。干完就完了.
setInterval方法则是表示间隔1定时间反复履行某操作。
JS里设定延时:
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 应用在延迟1段时间,再进行某项操作。
setTimeout("function",time) 设置1个超时对象
setInterval("function",time) 设置1个超时对象
SetInterval为自动重复,setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象