面向对象之BOM对象

概  念：

BOM（browser object model）窗口对象模型

2

常 用 对 象 :

1）window对象

概念：

       在浏览器中，window充当两个角色，代替Global充当全  局作用域对象和封装BOM和DOM API

方法：

window中所有的属性和方法都可省略window关键字

Window.prompt( ) -> prompt( );

1

方法1：打开和关闭窗口

      /*Window.*/open（“url”，“name”）；

         Url：窗口地址、路径

         Name：自定义名称，在新窗口打开，只打开一个

                    _blank：不指定窗口名，每次都让浏览器生成 随机不重复的浏览器名，可打开多个

                   _self：当前窗口自己的name，打开新链接，新窗口会替换当前窗口，在当前窗口打开克后退。         /*Window.*/close（）；

2

方法2：窗口大小

窗口完整宽度大小：window.outerWidth

窗口完整高度大小：window.outerheight

窗口body的宽度：window.innderWidth

窗口body的高度：window.innderHieght

3

方法3：定时器

☀ 周期性定时器：

1. 让程序每个一段时间间隔，反复执行一项任务

2. 三件事

任务函数：function task（）｛｝

启动定时器：timer=setInterval（task，interval）

停止定时器：clearInterval（timer）；timer=null；

3. 停止定时器

用户手动停止

定时器自动停止：在任务函数中判断临界值，一旦达到临界值，就自动调用clearInterval

☀ 一次性定时器：

1. 让程序先等待一段时间后，自动执行一段程序，执行完成后，自动停止

✕✕✕

定时器原理：

定时器中的回调函数必须在主程序最后一句执行完才能执行。

✕✕✕✕✕✕

2）Screen对象

屏幕宽度/高度：screen.width/height

可用宽度：screen.availWidth （去掉任务栏后剩余的可用部分）

可用高度： screen.availHeight;

//可用高度 = 屏幕高度 - 底部工具栏所占高度

3）Location对象

概念：获取到浏览器的url地址信息

Eg： http://127.0.0.1:8080/jiadongyao/index.html?name=rourou#nav

常用属性

location.href  //返回当前完整路径

location.protocol    //返回协议名

location.host   //返回主机名和端口号

location.hostname  //返回主机名

location.port   //返回端口号

location.pathname   //返回文件路径

location.search  //返回？开头的参数列表

location.hash     //返回#开头的锚点

常用方法：

1. 打开新的路径（窗口）

当前窗口打开，可后退：Location.assign（“新URL”）

当前窗口打开，禁止后退：Location.replace（“新url”）

2. 刷新：普通刷新or强制刷新

location.reload();

如果传值为true那么就是强制刷新，如果不传，就是普通刷新

4）History对象

概念：历史记录；记录窗口的历史，可以进行页面的转换

ღ back（）：返回上一页

ღ forward（）：进入下一页

ღ go（）：进入确定的哪一页（需要传参数，-1时回到上一页）

5）Navigator对象

概念：封装浏览器配置信息的对象

方法：

♥ cookieEnabled：判断浏览器是否启用cookie

♥ Plugins：封装所有插件信息的集合

如何判断是否安装了插件=>

♥ navigastor.plugins[“插件名”] !==undefined

♥ userAgent：包含浏览器名称，版本号，内核的字符串