JavaScript之BOM

什么是BOM

用于处理浏览器部分的功能，也就是window

与document的关系：

浏览器版本：

navigator.userAgent

例： window.navigator.userAgent

var br=navigator.userAgent.toLowerCase();

var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1];

当前页面的地址(网址)信息：

window.location.href

例： window.location:读取

window.location=‘http://www.baidu.com’写入

刷新页面方法:

window.location.reload();

参数：true刷新页面，不使用缓存 false 刷新页面，如果文档未改变使用缓存

打开窗口：

open(地址,’target’) target:_self 、 _blank(默认)、_parent、_top

例： window.open(‘http://www.baidu.com’,’_blank’)

关闭窗口：

close()

例： window.close()

注：IE:弹出提示框, 谷歌：直接关闭 FF:不能关闭

open出来的窗口才可以关

系统对话框：

警告框：alert(‘内容’)，没有返回值

例：alert(‘abc’)

选择框：confirm(‘提问的内容’)，返回boolean

例：confirm(‘你吃饭了吗？’)

输入框：prompt()，返回字符串或null

例：prompt(‘你的名字’，‘xy’)

模态对话框：showModalDialog()

History对象：

history对象保存着用户上网的历史记录,从窗口被打开的那一刻算起.

后退一页 history.go(-1) history.back()

前进一页 history.go(1) history.forward()

前进两页 history.go(2)

scrollTop：可视区域距离页面顶部的距离

例：scrollTop=document.documentElement.scrollTop || document.body.scrollTop

scrollLeft: 可视区域距离页面左边的距离

例：scrollLeft=document.documentElement.scrollLeft || document.body.scrollLeft

clientWidth：可视区域的宽度

例：document.documentElement.clientWidth

clientHeight: 可视区域的高度

例：document.documentElement.clientHeight

对象属性

offsetWidth：对象的宽度例：obj.offsetWidth

offsetHeight: 对象的高度例：obj.offsetHeight

offsetTop: 对象的上边距例：obj.offsetTop

offsetLeft: 对象的左边距例：obj.offsetLeft

onload：当文档加载完毕执行

Onscroll: 当页面滚动时执行

Onresize: 当页面重订大小时执行