BOM

一.BOM的概念及作用

BOM(Browser Object Model),即浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象，核心对象是window

BOM是为了操作浏览器对象出现的API，window是其核心对象

二.BOM常用对象

1.window对象

window对象是浏览器中的全局对象

（1）window.open()打开新窗口

语法：

var  newWindow=window.open(URL,name,specs);

URL:打开页面的URL,没有指定URL将打开新的空白窗口

name: _blank 新窗口打开，默认

_self 当前页面打开

specs: 一个逗号分隔的项目列表，支持以下值：

width=100,height=200,left=200,top=200

（2）window.close()关闭新打开的窗口

(3) resizeTo和resizeBy 调整窗口大小

- window.resizeTo(width,height);
- window.resizeBy(width,height);

(4)window.scrollTo(x,y)把页面内容滚动到指定的坐标

（5）window.scrollX 和 window.scrollY

水平方向和垂直方向滚动的像素值

（6）window.onload窗口（页面）加载事件

window.onload窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像,脚本文件,CSS文件等),就调用的处理函数

(7)定时器

I window.setInterval()

window.setInterval(回调函数,[延迟毫秒数])

表示每经过一定的毫秒后,执行一次相应的函数(重复执行)

II window.setTimeout()

表示经过一定的毫秒后,只执行一次相应的函数(不重复),俗称延时器

III 清除定时器

window.clearInterval()
window.clearTimeout()

(8)弹框

I 提示框 alert

用户必须先关闭该消息框之后才能继续操作

II 确认框 confirm

confirm(‘需要确认的内容’)

选择确定 返回true,选择取消,返回false

III 输入框 prompt

prompt(‘对话框提示的文本’,‘默认输入的文本’)

单击取消:返回null,单击确认,返回输入的文本

IIII 离开页面事件框 onbeforeunload

当离开当前页面触发事件

window.onbeforeunload = function(e){// 离开当前页面触发事件
　　var e = window.event || e;
    e.returnValue = false;
}

2. history对象

history对象包含有关用户的访问历史记录

length 包含有关用户的访问历史记录

forward() 加载history列表中的下一个地址

back() 加载history列表中的上一个地址

go() 加载history列表中的某个具体页面

history.go(1) 前进一步

history.go(-1) 后退一步

history.go(0) 刷新当前页面

3.location 对象

location 对象包含有关当前页面的url信息

方法/属性	描述
hash	从#号开始的URL (锚点)
host属性	设置或返回主机名和当前URL的端口号
hostname属性	当前URL的主机名
pathname属性	当前URL的路径部分
port属性	设置或返回当前URL的端口号
href属性	设置或返回完整的URL
protocol属性	当前URL的协议
assign()	加载新的文档
reload()	重新加载新的文档
replace()	用新的文档替换当前文档
search	从问号(?)开始的URL(查询部分)

4.document对象


        //选择器方法
        document.getElementById();//获取单个元素对象
        document.getElementsByTagName(div);//获取类
        document.getElementsByName(name)


        document.getElementsByClassName();//h5新增,ie8不支持
        document.querySelector(css选择器);
        document.querySelectorAll(css选择器)
 

        //其他方法
        document.write()
        document.createElement()
        document.createTextNode
        //属性
        // document.documentElement
        // document.body
        // document.title
        // document.head
        // document.forms
        // document.cookie

BOM

BOM