BOM 浏览器对象模型

BOM  浏览器对象模型

1.操作浏览器窗口，调用  alert

2.浏览器的导航对象，浏览器的版本,内核

3.历史记录

4.获取浏览器的窗口信息

5.提供 cookie

window 是 js 中唯一的全局变量

window.close();  -关闭页面

window.open（’网页地址’,’_blank(弹出方式)’,’width=100,

height=100,top=30(页面参数)’）  -打开窗口

window 的

screen 对象 屏幕信息

window.screen.width 屏幕的宽度

window.screen.height 屏幕的高度

window.screen.availHeight  屏幕除去任务栏的高度

window.screen.availWidth  屏幕除去左右任务栏的宽度

location 对象

hash: “” –哈希值，获取锚点部分

host: “localhost:63342” –主机名+端口号

hostname: “localhost” –主机名

href: “” <hyper reference 超链接> –url 地址 decodeURL()方法可以解码 转码以后的 url 地址

origin: “http://localhost:63342“ –协议+主机名+端口号（https 比 http 更安全）

pathname: “”  – 一个可读可写的字符串，可设置或返回当前 URL 的路径部分

port: “63342” –端口号

protocol: “http:”  –协议

search  –获取 url 中 ?后面的参数部分

location.reload()  –重新加载页面

history 对象

**   **length:到目前为止，页面跳转了几次。

history.forward(): 向前一页

history.go(n) n:代表跳几页，1：往前一页；-1 回退一页。

–

• history.pushState({},’’,’about’) 跳转到指定 bash
• history.back(): 回退一页
• history.replaceState({},’’,’about’) 替换当前 bash 值。且不能回退。返回。

–

pushState()与 back()就是使用到了–栈结构– 的先进后出原理

navigator.userAgent  浏览器的版本信息

---

cookie

数据页面间可以共享

document.cookie =’名字=值’

–默认有效时间是一次会话（session）,浏览器关闭就无了。

同样的名字设置多次会被覆盖。

设置有效时间

document.cookie = ‘名字=值;expires=’+日期对象(先设置好截至的日期)

过期时间是三天后的案例

var date = new Date();
var time = date.getTime(); // 当前时间的时间戳
date = new Date(time + 3 * 24 * 60 * 60 * 1000); // 然后把这 date加到 cookie后就对了。

删除 cookie

把过期时间设置为过去的日期对象

//尝试封装添加，删除，修改 cookie 的方法。

cookie 还有作用域（路径范围，）

cookie 最后添加   path=/  设置根路径   所有都可以访问了。

————

计时器

setTimeout 过多久之后执行

setInterval 每隔一段时间就执行

timer= setInterval()

clearInterval(timer) 清除定时器