BOM浏览器对象模型
BOM浏览器对象模型是规范浏览器对js语言的,也就是js调用浏览器。
它实际上就是一种规范,用来使不同的浏览器厂商对外提供的js的支持是统一的。
BOM的具体实现就是是window对象
window对象可以不用new,直接进行使用即可
Window对象常用方法
一.框体方法
1.警告框
它的作用是提示一个警示信息,没有返回
alert("内容");
function test(){
var a-alert("警告....");
alert(a); //输出undefined 说明没有返回值
}
2.确认框
用户选择一项进行选择,确认或者取消
它是有返回值的‘
确认返回i的是true 取消返回的是false
confirm("内容");
function test(){
var a=confirm("你确定要删除吗");
alert(a); //如果点击确定,则返回ture,否则返回false
}
3.提示框
提示某个信息的录入或收集
点击确定,则返回当前输入的数据,什么都没有输入则返回"“
点击取消,则返回null
prompt("内容");
function test(){
var a=prompt("请输入用户名:");
alert(a);
}
定时执行和间隔执行方法
1.定时器
用来操作浏览器在指定时间后执行某一个指定函数
setTimeOut(参数1,参数2); //参数1是函数对象 参数2是时间,单位毫秒
function test(){
var id=window.setTimeout(function(){ //也可以不用window.
alert("定时执行结果");},2000); //返回该定时器的id
}
2.间隔器
用来操作浏览器在每个一段指定时间就执行某一个函数
setInterval("参数1","参数2"); //参数1是函数对象,参数2是间隔时间是毫秒
function test(){
var id=window.setInterval(function(){
alert("间隔执行");},2000 ); //每隔2秒执行参数的函数 并返回该间隔器的id
}
3.停止定时器或间隔器
停止定时器
clearTimeout(id); //传入定时器的id
停止间隔器
clearInterval(id); //传入间隔器的id
子窗口方法
1.打开子页面
open(url,name,features);
//url:子页面的资源(相对路径)
//name;定义新窗口名称 如果窗口名称已经存在,那么open()方法就不再创建新窗口,而只返回对指定窗口的引用
//feature:子页面的配置
如下例
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');
2.关闭子页面
子页面对象.close
function test(){
var son=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');
son.close();
}
如果在子窗体的内部关闭窗口,也就是关闭它自己使用window.close(),
close方法只能关闭open打开的页面
子页面调用父页面
window.opener.父页面的函数
父页面的一个函数
function Father(){
alert("这里是父页面");
}
子页面调用父页面的函数
function test(){
window.opener.Father();
}
window对象常用属性
1.地址栏属性
地址栏属性:location 它是对Location对象的引用
常用操作
window.location.href="新的资源路径";
window.location.reload(); //重新加载页面资源
window.location.reload();就相当于window.location.href="";
2.历史纪录属性
历史纪录属性:history 它是对History对象的引用
常用操作:
window.history.forward(); //页面资源前进,历史记录的前进。
window.history.back(); //页面资源后退,历史记录后退
window.history.go(index); // 跳转到指定的历史记录资源
3.屏幕属性
屏幕属性screnn
常用操作
window.srceen.width;//获取屏幕的宽度分辨率
window.screen.height;//获取屏幕的高度分辨率
一般用于根据屏幕分辨率去加载图片
4.浏览器配置属性
浏览器配置属性navigator是对于Navigator对象的引用
常用操作
window.navigator.userAgent