首页 > 代码库 > JavaScript——BOM(浏览器对象模型)，时间间隔和暂停

JavaScript——BOM(浏览器对象模型)，时间间隔和暂停

2024-07-30 02:17:33   226人阅读

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 列表中的前一个 URL
(3)forward()    加载 history 列表中的下一个 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方法则是表示间隔一定时间反复执行某操作。
　　JS里设定延时：
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) 设置一个超时对象
SetInterval为自动重复，setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象


JavaScript——BOM(浏览器对象模型)，时间间隔和暂停


联系
我们