BOM
BOM:browser object model 浏览器 对象 模型
BOM提供了一套操作浏览器的方法 ,这套方法都是使用对象操作的。在BOM的操作,都是window对象在操作
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 浏览器的高度 包含滚动条的尺寸(可视高度) 只能获取不能设置
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(定时器的返回值) 清除定时器