浏览器模型BOM

一 浏览器模型BOM

1 浏览器模型对象介绍

BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象

二 各对象详解

2.1 window

属性
window.innerWidth  窗口的宽
window.innerHeight  窗口的高
history  对 History 对象的只读引用
location  用于窗口或框架的 Location 对象
screen  对 Screen 对象的只读引用
navigator  对 Navigator 对象的只读引用

方法
setInterval()  按照指定的周期(以毫秒计)来调用函数或计算表达式
clearInterval()  取消由 setInterval() 设置的 timeout
setTimeout()  在指定的毫秒数后调用函数或计算表达式
clearTimeout()  取消由 setTimeout() 方法设置的 timeout  
Number()  
String()
Boolean()
alert()
confirm()
prompt()  

2.2 history

属性
length 

方法
back()  后退一步
forward()  前进一步
go(1)  前进/后退  n 步

2.3 location

属性
href 返回完整的URL
protocol  返回一个URL协议
host  返回一个URL的主机名和端口
hostname  返回URL的主机名
port  返回一个URL服务器使用的端口号
pathname  返回的URL路径名
search  返回一个URL的查询部分
hash  返回一个URL的锚部分

方法
assign()  载入一个新的文档
reload()  重新载入当前文档
replace()]  用新的文档替换当前文档

2.4 screen

Screen 对象包含有关客户端显示屏幕的信息

属性
availHeight  返回屏幕的高度(不包括Windows任务栏)
availWidth  返回屏幕的宽度(不包括Windows任务栏)
colorDepth  返回目标设备或缓冲器上的调色板的比特深度
height  返回屏幕的总高度
pixelDepth  返回屏幕的颜色分辨率(每象素的位数)
width  返回屏幕的总宽度

2.5 navigator

属性
userAgent  返回由客户机发送服务器的user-agent 头部的值
platform  返回运行浏览器的操作系统平台
cookieEnabled  返回指明浏览器中是否启用 cookie 的布尔值
appVersion  返回浏览器的平台和版本信息
appName  返回浏览器的名称
appCodeName  返回浏览器的代码名

猜你喜欢

转载自www.cnblogs.com/chen464863847/p/9474974.html
今日推荐