JavaScript BOM概述(open/close/location/navigator/history/定时器)

BOM

brower objects model： 浏览器对象模型（BOM包含DOM）

1. alert/confirm/变量/函数

Window可以省略。全局变量和全局函数都是window下的属性和方法。

- window对象是JavaScript中的顶级对象

- 所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法

- window对象下的属性和方法调用的时候可以省略window

2. open方法

新窗口 =  window.open(url,target,param); //打开新页面

//例：
window.open("01-window.html","_black","width=200,height=200,top=100");

URL：新窗口的URL地址 

name：新窗口的名称，可以为空 

featurse：属性控制字符串，在此控制窗口的各种属性，属性之间逗号隔开。 

fullscreen= { yes/no/1/0 } 是否全屏，默认no 

channelmode= { yes/no/1/0 } 是否显示频道栏，默认no 

toolbar= { yes/no/1/0 } 是否显示工具条，默认no 

location= { yes/no/1/0 } 是否显示地址栏，默认no 

directories = { yes/no/1/0 } 是否显示转向按钮，默认no 

status= { yes/no/1/0 } 是否显示窗口状态条，默认no 

menubar= { yes/no/1/0 } 是否显示菜单，默认no 

scrollbars= { yes/no/1/0 } 是否显示滚动条，默认yes 

resizable= { yes/no/1/0 } 是否窗口可调整大小，默认no 

width=number 窗口宽度（像素单位） 

height=number 窗口高度（像素单位） 

top=number 窗口离屏幕顶部距离（像素单位） 

left=number 窗口离屏幕左边距离（像素单位） 

3. Close（）;

window.close();  //关闭窗口
//移动窗口：
新窗口.moveTo(5,5); //新窗口移动到距离屏幕距离...
新窗口.moveBy(); //在原有基础上添加还是减少多少 
新窗口.resizeTo(); //新窗口大小改变为....
window.resizeBy(); //在原有基础上添加还是减少多少

4. Location

href         地址，页面。

hash        返回url中#后面的内容，包含#

host        主机名，包括端口

hostname     主机名

pathname     url中的路径部分

protocol      协议 一般是http、https

search      查询字符串

//页面跳转
location.assign(); //改变浏览器地址栏的地址，并记录到历史中
//设置location.href  就会调用assign()。一般使用location.href 进行页面之间的跳转
location.replace(); //替换浏览器地址栏的地址，不会记录到历史中
location.reload(); //重新加载(刷新);

5. Navigator

包含浏览器相关信息

userAgent      (系统，浏览器)

platform       (浏览器支持的系统，win/mac/linux)

6. History

//后退:
history.back();
history.go(-1); //0是刷新
//前进:
history.forward();
history.go(1);

7. 定时器

setInterval ：设置间歇(循环)定时器      

clearInterval：清除间歇(循环)定时器

setTimeout ：设置炸弹定时器      

clearTimeout：清除炸弹定时器

定时器返回值是Number类型，但是也可以当做对象看待

定时器是多线程的。

return只能结束函数，想要停止定时器必须用clearInterval();

不能多个定时器没有名字操作同一个元素（定时器一旦名字被覆盖，就没有办法停止了）

使用方法：

//方法1：
setInterval(function () {
    console.log(1);
},1000);

//方法2：
setInterval(fn1,1000);

function fn1(){
    console.log(2);
}

//方法3：极少用
setInterval("fn2(3)",1000);

function fn2(n){
    console.log(n);
}