js window对象学习

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