第6章 BOM

1.1 BOM简介

1．浏览器对象模型

1.2 window对象

1．window对象是BOM的顶级对象

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

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

1.3 系统对话框

1．alert() //不同浏览器中的外观是不一样的

2．confirm()//兼容不好

3．prompt() //不推荐使用

 

1.4 窗口操作

1．打开窗口 

window.open(url,target,param)

url 要打开的地址

target新窗口的位置_blank  _self  _parent(父框架)

window = object.open([URL ][, name ][, features ][, replace]]]]) 

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 窗口离屏幕左边距离（像素单位） 

Eg:

var json = {"name":"helloworld","fullscreen":"no","location":"no","width":"100px","height":"100px","top":"100px","left":"100px"};

//也可以传一个json格式

var newWin = window.open("demo.html","_self",json);

 

2．关闭窗口

window.close()  

3．窗口移动

新窗口.moveTo(5,5)

新窗口.moveBy()

新窗口.resizeTo()

新窗口.resizeBy()

 

1.5 location对象的方法

1．location.assign()：改变浏览器地址栏的地址，并记录到历史中

2．设置location.href： 就会调用assign()。一般使用location.href 进行页面之间的跳转

3．location.replace()：替换浏览器地址栏的地址，不会记录到历史中

4．location.reload()： 重新加载

 

1.6 location对象的属性

1．location.href:

2．location.hash: 返回url中#后面的内容包含#

3．location.host:  主机名包括端口

4．location.hostname: 主机名

5．location.pathname: url中的路径部分

6．location.protocol: 协议一般是http、https

7．location.search: 查询字符串

 

 

1.7 navigator对象

1．window.navigator 的一些属性可以获取客户端的一些信息

userAgent （系统，浏览器)

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

 

1.8 history对象

历史记录管理

1．后退

history.back()

history.go(-1)    0是刷新

2．前进

history.forward()

history.go(1)