JS学习笔记（七）BOM

浏览器对象模型（Browser Object Model (BOM)）
BOM对象有：

• window
• navigator
• screen
• history
• location
• document
• event

window对象

window是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。

window可以用来声明全局变量和全局函数（等同于用var来声明）。


window对象的方法window.alert(“content”)
功能：显示带有一段消息和一个确认按钮的警告框

window.confirm(“message”)
功能：显示一个带有指定消息和OK及取消按钮的对话框
返回值：如果用户点击确定按钮，则confirm()返回true；
如果用户点击取消按钮，则confirm()返回false

window.prompt (“text,defaultText”)
参数说明：
text：要在对话框中显示的纯文本
defaultText：默认的输入文本
返回值：如果用户点击取消按钮，返回null；点击确认按钮，返回输入字段当前显示的文本

window.open(pageURL,name,parameters)
功能：打开一个新的浏览器窗口或查找一个已命名的窗口
pageURL：子窗口路径
name：子窗口句柄（name声明了新窗口的名称，方便后期通过name对子窗口进行引用）
parameters：窗口参数（各参数用逗号分隔）

setTimeout（code,millisec）
功能：在指定的毫秒数后调用函数或计算表达式
参数说明：
1、code：要调用的函数或要执行的JavaScript代码串；
2、millisec：在执行代码前需等待的毫秒数
说明：setTimeout方法返回一个ID值，使用clearTimeout(ID)取消超时调用

setInterval（code,millisec）
功能：每个指定的时间执行一次代码
参数说明：
1、code：要调用的函数或要执行的JavaScript代码串；
2、millisec：周期性执行或调用code之间的毫秒数

location对象

location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些导航的功能，它既是window对象的属性，也是document的属性。

location.href
功能：返回当前加载页面的完整URL
说明：location.href与window.location.href等价

location.hash
功能：返回URL中的hash（#号后跟零或多个字符），如果不包含则返回空字符串

实现“返回顶部”按钮

location.host
功能：返回服务器名称和端口号（如果有）

**location.hostname **
功能：返回不带端口号的服务器名称

location.pathname
功能：返回URL中的目录和（或）文件名

location.search
功能：返回URL的查询字符串。这个字符串以问号开头

位置操作
改变浏览器位置的方法：
location.href
location.hash
location.search

location.replace(url)
功能：重新定向URL
说明：不会再历史记录中生成新纪录，而location.href可以，即可以使用后退键

location.replace("index.html");

location.reload()
功能：重新加载当前页面
说明：location.reload()有可能从缓存中加载；location.reload(true)从服务器重新加载

history对象

history对象保存了用户在浏览器中访问页面的历史记录

history.back()
功能：回到历史记录的上一步
说明：相当于使用了history.go(-1)

history.forward()
功能：回到历史记录的下一步
说明：相当于使用了history.go(1)

screen对象

screen.availWidth
功能：返回可用的屏幕宽度

screen.availHeight
功能：返回可用的屏幕高度

window.innerWidth和window.innerHeight返回窗口的宽度、高度

navigator对象

navigator.userAgent
用来识别浏览器名称、版本、引擎以及操作系统等信息的内容