BOM

BOM:browser  object  model  浏览器  对象  模型

BOM提供了一套操作浏览器的方法 ,这套方法都是使用对象操作的。在BOM的操作,都是window对象在操作

BOM的简单介绍

Navigator

记录了浏览器的信息

window.navigator.appName    浏览器名称  Netscape

Netscap  代表网景浏览器的名称

window.navigator.appCodeName   浏览器的内核

window.navigator.appVersion   浏览器版本

window.navigator.userAgent   浏览器的整体信息

history

浏览器的历史操作,访问过才能前进后退

window.history.back( )  回退一个页面

window.history.forward( )  前进一个页面

window.history.go(参数)   回退或前进到任意多个页面  如果参数是正数就是前进,如果参数是负数就是后退

location

用来操作浏览器的地址

location.href   用来获取/设置地址栏的地址

window.location.href=/地址/   相当于跳转  常用

window.location.reload( ) 相当于刷新页面

window.loaction.search  获取地址栏中携带的数据,就是地址栏?后面的内容

浏览器窗口大小

window.innerWidth   浏览器的宽度  包含滚动条的尺寸(可视宽度)  只能获取不能设置

window.innerHeight  浏览器的高度  包含滚动条的尺寸(可视高度)  只能获取不能设置

BOM的简单介绍

window.document.documentElement.scrollTop   获取到浏览器上下滚动的距离  

兼容性问题

当前文档有doctype的声明:document.documentElement.scrollTop

没有文档声明:document.body.scrollTop

兼容写法

var a=document.documentElement.scrollTop ||  document.body.scrollTop

screen

获取屏幕宽度和高度

window.screen.width  屏幕宽度

window.screen.height  屏幕高度

屏幕可用宽度和高度   除了工具栏宽和高

screen.availWidth    屏幕可用宽度

screen.availHeight    屏幕可用高度

定时器

让代码每隔一段时间执行或延迟多长时间执行

setInterval(函数,毫秒数)   每隔一段时间执行代码

clearInterval(定时器的返回值)   清除定时器   (定时器返回值就是当前页面中的第几个定时器)

setTimeout(函数,毫秒数)  延迟多长时间执行代码

clearTimeout(定时器的返回值)  清除定时器

 

 

相关文章: