一、引言
BOM浏览器对象模型:是规范浏览器对js语言的支持(js调用浏览器本身的功能)。
BOM的具体实现是window对象
二、window对象的常用方法
注意:window对象不用new,直接进行使用即可,类似Math的使用方式,window关键字可以省略不写。
1、框体方法
alert:警告框 提示一个警告信息,没有返回值
window.alert("我是警告框");
confirm:确认框 提示用户选择一项操作(确定/取消)
点击确定 返回true
点击取消 返回false
var flag=window.confirm("你确定要删除吗?");
alert(flag);
prompt:提示框, 提示用某个信息的录入或者说收集
点击确定,返回当前用书录入的数据,默认返回空字符串
点击取消,返回null
var str=window.prompt("请输入昵称:");
alert(str);
2、定时和间隔执行方法
setTimeout:指定的时间后执行指定的函数
参数1:函数对象
参数2:时间,单位毫秒。
返回值:返回当前定时器的id
setInterval:每间隔指定的时间执行指定的函数
参数1:函数对象
参数2:时间,单位毫秒。
返回值:返回当前间隔器的id
clearTimeout:用来停止指定的定时器
参数:定时器的id
clearInterval:用来停止指定的间隔器
参数:间隔器的id
var idi;
var ids;
//定时执行
function testSetTimeout(){
idi=window.setTimeout(function(){
alert("我是定时执行");
},3000);
}
//间隔执行
function testSetInterval(){
ids=window.setInterval(function(){
alert("我是间隔执行");
},2000);
}
//停止当前的定时方法
function testClearTimeout(){
window.clearTimeout(idi);
}
function testClearInterval(){
window.clearInterval(ids);
}
3、子窗口方法
使用:window.open('子页面的资源(相对路径)','打卡方式','配置');
window.open('son.html','newwindow','height=400, width=600, top=100px,left=320px, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=no, status=yes');
注意:关闭子页面的方法window.close(),但是此方法只能关闭open方法打开的子页面。
三、window对象的常用属性
1、地址栏属性:location
window.location.href="新的资源路径(相对路径/URL)"
window.location.href="http://www.baidu.com";
window.location.reload()重新加载页面资源
window.location.reload();
2、历史记录属性
window.history.forward() 页面资源前进,历史记录的前进。
window.history.back() 页面资源后退,历史记录后退
window.history.go(index) 跳转到指定的历史记录资源
注意:window.history.go(0)相当于刷新。若index>0,则表示前进;若index<0,则表示后退。
3、屏幕属性
window.srceen.width;//获取屏幕的宽度分辨率
window.screen.height;//获取屏幕的高度分辨率
4、浏览器配置属性
window.navigator.userAgent
5、主体面板属性(document)