什么是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: 当页面重订大小时执行
浏览器版本:
navigator.userAgent
例: window.navigator.userAgent
当前页面的地址(网址)信息:
window.location
例: window.location:读取
window.location=‘http://www.baidu.com’写入