js 基础 -- BOM 操作

BOM 浏览器对象模型

它提供了很多的对象用于访问浏览器的功能。
window 是一个对象类型的数据，是 js 内置的顶级对象。

navigator 导航器对象

appCodeName 返回浏览器的代码块
appName 返回浏览器的名称
appversion 返回浏览器的平台和版本信息
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值
platform 返回运行浏览器的操作系统
userAgent 返回由客户端发送服务器的 user-agent 头部的值

screen 显示器对象

availHeight 返回显示屏幕的可用高度
availWidth 返回显示屏幕的可用宽度
height 返回屏幕的像素高度
width 返回屏幕的像素宽度
colorDepth 返回屏幕颜色的位数

history 历史对象

back （）：返回前一个 URL
forward（）：返回下一个URL
go（）：返回某个具体页面，正数：下一页，负数：上一页

location 位置对象

属性：
hash 设置或返回从“#”开始的 URL
host 设置或返回主机名和当前URL 的端口号
hostname 设置或返回当前URL的主机号
href 设置或返回完整的URL
pathname 设置或返回当前URL 的路径部分
port 设置或返回当前URL 的端口号
portocol 设置或返回当前URL 的协议
search 设置或返回从“？”开始的URL

方法：
assign（URL）加载新的文档
reload（）重新加载当前页面
replace（newURL）用新的文档替换当前文档

document 文档对象

集合：
anchors [ ] 锚点对象数组
images [ ] 图片对象数组
links [ ] 链接对象数组
forms [ ] 表单对象数组

属性：
cookie 设置或返回与当前文档有关的所有 cookie
domain 返回当前文档的域名
referrer 返回载入当前文档的URL
title 返回当前文档的标题
URL 设置当前文档的URL

方法：
open（）打开一个新的文档，并擦除旧文档内容
close（）关闭文档输出流
write （）向当前文档追加写入文本
writeIn（）与 write（）相同，在 < pre > 中会追加换行

窗口控制

moveBy（水平位移量，垂直位移量）
按照给定像素参数移动指定窗口。

moveTo（x，y）
将窗口移动到指定坐标（x，y）处

resizeBy（水平，垂直）
将当前窗口改变成指定大小（x，y）
当x，y 的值大于 0 时为扩大
当x，y 的值小于 0 时为缩小

resizeTo（水平宽度，垂直宽度）
将当前窗口改为（x，y）大小

scrollBy（水平位移量，垂直位移量）
将窗口的内容按照给定的位移量滚动，参数为正时，正向滚动，否则反向滚动

scrollTo（x，y）
将窗口中的内容滚动到指定位置

焦点控制

focus 获得焦点
blur 失去焦点

打开窗口

open（‘URL’，‘窗口名称’，‘窗口风格’）
打开一个新的窗口，并在窗口中装载指定URL地址的网页
窗口风格：
height ：窗口高度，不小于 100
width：窗口宽度，不小于 100
left：窗口左坐标，不能为负值
top：窗口上坐标，不能为负值
location：yes / no 是否显示地址栏
menubar：yes / no 是否显示菜单栏
resizable：yes / no 是否改变窗口大小
scrollbars：yes / no 是否允许出现滚动条
status：yes / no 是否显示状态栏
toolbar：yes / no 是否显示工具栏
close（）：自动关闭浏览器窗口

对话框

alert（“提示字符串”）
弹出一个警告框，在警告框内显示提示字符。

confirm（“提示字符串”）
显示一个确认框，在确认框内显示提示字符串，点击确认按钮返回true，点击取消时返回false。

prompt（“提示字符串”，“缺省文本”）
显示一个输入框，在输入框内显示提示字符串，在输入文本框显示缺省文本，并等待用户输入。
确认：返回用户输入的字符串
取消：返回 null 值

属性

状态栏
defaultStatus ：改变浏览器状态栏的显示
statu ：临时改变浏览器状态栏的显示

窗口位置
IE:
screenLeft：声明窗口左上角 X 坐标
screenTop：声明窗口左上角 Y 坐标
document.body.scrollLeft
document.documentElement.scrollLeft
声明当前文档向右滚过的像素
document.body.scrollTop
document.documentElement.scrollTop
声明当前文档向下滚过的像素

！IE:
screenX：声明窗口左上角 X 坐标
screenY：声明窗口左上角 Y 坐标
pageXOffset：声明当前文档向右滚过的像素
pageYOffset：声明当前文档向下滚过的像素

FF:
innerHeight：返回窗口文档显示区的高度
innerWidth：返回窗口文档显示区的宽度
ourterHeight：返回窗口的外部高度
ourterWidth：返回窗口的外部宽度

其他属性
opener：可以实现同域名下跨窗体之间的通讯，一个窗体要包含另一个窗体的opener。
closed：当前窗口关闭时返回true。
name：设置或返回窗口的名称。
self：返回当前窗口的引用。