BOM的核心对象是window,它表示浏览器的一个实例
BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。
窗口位置
window.screenLeft
window.screenTop 返回窗口相对于屏幕的X和Y坐标
window.pageXOffset
window.pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置
document.documentElement.scrollTop
document.documentElement.scrollLeft
窗口大小
window.innerHeight:页面视图区的宽度
window.innerWidth:页面视图区的高度
window.outerHeight:浏览器窗口的宽度
window.outerWidth:浏览器窗口的高度
系统对话框
confirm():确认对话框,显示包含指定的文本和一个"OK"按钮以及"Cancel"按 钮。该方法返回布尔值,true表示单击了OK,false表示单击cancel 或者关闭按钮
prompt():
会话框,提示用户输入一些文本。显示包含文本,ok按钮,cancel按 钮以及一个文本输入域,以供用户在其中输入内容。传入两个参数, 要显示给用户的文本提示和文本输入域的默认值。
alert():
该方法接受一个字符串并将其显示给用户。该对话框会包含指定的文 本和一个"OK"按钮。主要用来显示警告信息
定时器函数
var id = setTimeout(function(){
console.log('执行')
},5000);
clearTimeout(id);//可以在某些时刻将定时器清除
var id1 = setInterval(function(){
console.log('执行了一次')
},1000);//轮播图
setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直循环下去。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭
setInterval(code,millisec[,"lang"])
code 必需。要调用的函数或要执行的代码串。 millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。
location对象
方法
location.assign("http://www.baidu.com");会产生历史记录
location.replace("http://www.baidu.com");不会产生历史记录
location.reload();默认情况为false,调用缓存:true强制重新加载
属性
location.href获取当前的URL
location.protocol返回页面使用的协议
history对象
history.length历史记录
history.go();加载 history 列表中的某个具体页面,负数表示向上几页跳转,正数表示下几页跳转
history.back() 相当于history.go(-1)
history.forword()相当于history.go(1);