前端基础之《JavaScript（5）—JS BOM对象》

一、BOM定义

浏览器对象模型的英文缩写Browser Object Model。

二、BOM浏览器对象

window	对象	打开页面open()，alert()，定时器
navigator	浏览器特性	获取客户端浏览器版本
screen	屏幕对象	获取客户端分辨率
history	对象	获取上一个历史
location	地址栏	页面跳转和重载当前页面
document	对象	文档对象

三、window对象属性

frames	窗口数组
length	frame个数
name	窗口名字，target="win2"
opener	打开我的那个窗口，用于在子窗口内获取父窗口
parent	父窗口
top	顶级窗口
closed	测试某个窗口是否被关闭

四、window对象方法

1、open()方法

open("right.html","win2","特性");

窗口特性
fullscreen=1|0 //是否全屏
width="" //窗口宽
height="" //窗口高
left="" //离屏幕左上角的left
top="" //离屏幕左上角的top
location=1|0 //是否有地址栏
menubar=1|0 //是否有菜单

2、close()方法

win2.close();

3、其他常用方法
alert();
confirm();
prompt();
setInterval();
clearInterval();
setTimeout();
clearTimeout();

五、navigator对象属性

appName	大概判断
userAgent	更精确的版本

六、screen屏幕对象属性

availHeight	返回显示屏幕的高度 (除 Windows 任务栏之外)
availWidth	返回显示屏幕的宽度 (除 Windows 任务栏之外)
height	返回显示屏幕的高度
width	返回显示器屏幕的宽度

七、history对象属性

length

返回历史个数

八、history对象方法

back()	后退一个历史=go(-1)
forward()	前进一个历史=go(1)
go(2)	前进两个历史
go(-2)	后退两个历史

九、location对象属性

hash	获取url里的锚点 #abc
host	主机名
href	地址跳转，保留历史，也可以不写href直接写location="index.html"
pathname	/index.html页面的名称
port	端口，80
protocol	协议，http://
search	参数，?id=10&name=user1

十、location对象方法

reload()	加载当前页面，刷新当前页面
replace()	加载当前页面，还可以跳转，但是不留历史