BOM对象:

window
|__ Document 文档对象 （DOM）
|
|__ frames 框架集
|
|__ history 历史信息对象
|
|__ navigator 浏览器信息对象
|
|__ locatin 地址栏信息对象
|
|__ screen 屏幕对象

Frames

返回窗口中所有命名的框架frames[]

• 该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架或 <iframe>。
• 属性 frames.length 存放数组 frames[] 中含有的元素个数。
  注意: frames[] 数组中引用的框架可能还包括框架，它们自己也具有 frames[] 数组。

window:

-窗口属性和方法:

打开和关闭浏览器窗口:

方法:

- 打开新的浏览器窗口或查找一个已命名的窗口open()

• open(URL,name,features,replace)
• window.open()或open()
• URL:新窗口的地址,name:新窗口的名称,features:新窗口的特征如宽高,
• replace:是否为新窗口创建浏览历史条目,true:替换当前条目,false:创建新的条目
  注意:open有返回值,返回目标窗口的window对象,可以给其绑定window方法或属性用来操作目标窗口

- 关闭浏览器窗口close()

• 某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身
• 只有通过js代码打开的窗口才能由js代码关闭,这阻止了恶意脚本终止用户的浏览器
  属性:

- 返回窗口是否已被关闭closed

• window.closed
  -若窗口已经关闭,则返回false,若未关闭则返回true
  -浏览器窗口的大小:
  方法:

- 把窗口的大小调整到指定的宽度和高度resizeTo()

• resize(width,height)
• width是必须的,但height是可选的

- 按照指定的像素调整窗口的大小resizeBy()

• resizeBy(x,y)
• x表示代码每次执行向右移动的距离,y表示每次想下移动的距离
  属性:

- 返回窗口的文档显示区的高度,宽度:innerheight,innerwidht

• window.innerheight
• 注意,他们有兼容性问题,IE浏览器需用以下属性代替:
  document.documentElement.clientHeight
document.documentElement.clientWidht

浏览器窗口的位置:

方法:

- 把窗口的左上角移动到一个指定的坐标moveTo()

• moveTo(x,y)
• x和y分别表示窗口左上角的x和y坐标

- 可相对窗口的当前坐标把它移动指定的像素moveBy()

• moveBy(x,y)
• x和y分别表示相对当前坐标向右和向下移动的距离
  属性:

- 返回窗口的左上角在屏幕上的的 x 坐标和 y 坐标

• 非火狐浏览器:
  screenLeft,screenTop
window.screenLeft
• 火狐浏览器:
  screenX,screenY
window.screenX

浏览器滚轮滚动:

- 把内容滚动到指定坐标scrollTo()

• scrollTo(x,y)
• x和y分别表示要在窗口文档显示区左上角显示的文档的x和y坐标

- 按照指定的像素来滚动内容scrollBy()

• scrollBy(width,height)
• width必填,为每次执行使窗口宽度增加的宽度
• height可选,为每次执行使窗口高度增加的高度

定时器和延时器:

- 开启一个定时器setInterval()

• 变量名 = setInterval(执行的代码,执行周期)
• 定时器会不停的调用其中的代码,知道定时器被关闭,注意:关闭定时器必须传入变量名,否则无法被关闭

- 关闭一个定时器clearInterval()

• clearInterval(变量名)
• 一般会在开启定时器前先加上一个关闭,以防定时器被重复开启

- 开启一个延时器setTimeout()

• 变量名 = setTimeout(执行的代码,延迟时间)
• 浏览器执行到延时器的调用时会延迟,然后再执行

- 关闭一个定时器clearTimeout()

• clearTimeout(变量名)
• 同定时器一样,延时器一般也会在开启延时器前先加上一个关闭,以防延时器被重复开启

浏览器弹窗:

- 显示带有一段消息和一个确认按钮的警告框alert()

• window.alert()或alert(显示的文本)

- 显示带有一段消息以及确认按钮和取消按钮的对话框confirm()

• confirm(提示的文本)
• confirm()有返回值点击确定返回true,点击取消返回false

- 显示可提示用户输入的对话框prompt()

• prompt(提示文本,默认输入文本)
• prompt()有返回值,若点击取消则返回null,点击确认则返回输入的文本

Navigator:

返回由客户机发送服务器的 user-agent 头部的值userAgent

• navigator.userAgent

是否支持cookie操作cookieEnabled

• navigator.cookieEnabled

检测浏览器是否在线onLine

• navigator.onLine

浏览器地理位置定位对象geolocation

• navigator.geolocation

Screen:

返回当前屏幕的宽高(除了win任务栏)availWidth,availHeight

• screen.availWidth

返回显示屏幕的宽高width,height

• screen.width

History:

属性:

返回浏览器历史列表中的 URL 数量length

• history.length

方法:

加载 history 列表中的前一个 URL back()

• history.back()

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

• history.forward()

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

• history.go(numder | URL)

Location:

方法:

加载新的文档 assign()

• location.assign(URL)

重新加载当前文档 reload()

• location.reload(布尔值或不填)
• 如不填或false,则会从缓存中获取刷新
• 如填true,则重新下载刷新

用新的文档替换当前文档replace()

• location.replace(newURL)
• 该方法产生的记录会直接覆盖当前记录
  属性:

设置或返回主机名和当前 URL 的端口号 host

• location.host

设置或返回当前 URL 的主机名 hostname

• location.hostname
  设置或返回当前 URL 的端口号 port
• location.port

设置或返回完整的 URL href

• location.href
  设置或返回当前 URL 的路径部分 pathname
• location.pathname
  设置或返回当前 URL 的协议 protocol
• location.protocol
  设置或返回从井号 (#) 开始的 URL（锚）hash
• location.hash或location.hash=锚点
• 可用来传输数据,也可用来定位锚点

设置或返回从问号 (?) 开始的 URL（查询部分）search

• location.search
• 只能用来传输数据