笔记
一 定义
- BOM是browser object model的缩写，简称浏览器对象模型
- BOM提供了独立于内容而与浏览器窗口进行交互的对象
- 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
- BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
- BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
- BOM最初是Netscape浏览器标准的一部分
二 子对象
document文档对象
DOM
location对象
(一)属性
hash 设置或返回从井号 (#) 开始的 URL（锚）。
host 设置或返回主机名和当前 URL 的端口号。
hostname 设置或返回当前 URL 的主机名。
href 设置或返回完整的 URL。
pathname 设置或返回当前 URL 的路径部分。
port 设置或返回当前 URL 的端口号。
protocol 设置或返回当前 URL 的协议。
search 设置或返回从问号 (?) 开始的 URL（查询部分）。
(二方法)
1页面跳转
location.href='http://www.baidu.com'
location.replace('http://www.baidu.com') 这种方法没有历史记录
2页面刷新
reload()
reload(true) 强制刷新
navigator对象
属性
appCodeName 返回浏览器的代码名。
appMinorVersion 返回浏览器的次级版本。
appName 返回浏览器的名称。
appVersion 返回浏览器的平台和版本信息。
browserLanguage 返回当前浏览器的语言。
cookieEnabled返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass 返回浏览器系统的 CPU 等级。
onLine 返回指明系统是否处于脱机模式的布尔值。
platform 返回运行浏览器的操作系统平台。
systemLanguage 返回 OS 使用的默认语言。
userAgent 返回由客户机发送服务器的 user-agent 头部的值。
userLanguage 返回 OS 的自然语言设置。
screen对象
属性
width 获取屏幕的宽度
height 获取屏幕的高度
availWidth 获取屏幕的宽度(不包含任务栏)
availHeight 获取屏幕的高度(不包含任务栏)
页面相关尺寸
documentElement.clientWidth 获取浏览器可视区域的宽度
documentElement.clientHeight 获取浏览器可视区域的高度
documentElement.scrollWidth 获取浏览器文档的全文宽
documentElement.scrollHeight 获取浏览器文档的全文高
documentElement.scrollTop 获取滚动条距离顶部的偏移量(隐藏文档超出顶端部分的距离)
documentElement.scrollLeft 获取滚动条距离左侧的偏移量 (隐藏文档超出左边部分的距离)
history对象
1属性
length
2方法
back()
forward()
go()
frames对象
获取当前窗体中的框架集合
top对象始终指向最高（最外）层的框架，也就是浏览器窗口。
parent对象始终指向当前框架的直接上层框架。
三基本方法
alert() 提示框;
confirm() 确认框 true false
prompt() 获取用户输入的信息
open() 打开新窗口
*fullscreen:yes或者no，表示浏览器窗口是否最大化，仅限IE
*height：数值，新窗口的高度，不能小于100。
*left：数值，新窗口的左坐标，不能是负值。
*location：yes或no，是否在浏览器中显示地址栏，如果设置为no，浏览器有可能会隐藏地址栏或禁用地址栏
*menubar：yes或no，是否在浏览器窗口中显示菜单栏，默认为no
*resizable：yes或no，表示是否通过拖动浏览器边框改变其大小，默认为no（IE中有效）。
*scrollbars：yes或no，表示如果内容在视口中显示不下，是否允许滚动。默认为no
*status：yes或no，表示是否在浏览器窗口中显示状态栏，默认为no
*toolbar：yes或no，表示是否在浏览器窗口中显示工具栏。默认为no
*top：数值，表示新窗口的上坐标。不能是负值。
*width：数值，表示新窗口的宽度。不能小于100。
close() 关闭新窗口
setTimeout() 按照指定的毫秒数后调用 只调用一次 clearTimeout( ) 停止
他是有返回值的, 返回值是一个标识符
setInterval() 按照指定的周期调用 定时循环 clearInterval( ) 停止
他是有返回值的, 返回值是一个标识符
IE浏览器使用
moveTo() 把窗口的左上角移动到一个指定的坐标
moveBy() 浏览器按照指定的像素移动坐标位置
resizeTo() 把窗口的大小调整到指定的宽度和高度
resizeBy() 按照指定的像素调整窗口的大小
scrollTo() 把文档内容滚动到指定的坐标
scrollBy() 按照指定的像素值来滚动内容
事件
onresize
onscroll
重点
页面跳转 页面刷新
需要在js中获取客户端信息的时候 想到navigator
6个尺寸
页面的前进和后退
onscroll
stop的注意点----winow下的一个属性