BOM:Browser Object Model,浏览器对象模型,专门操作浏览器窗口的工具,使JavaScript有能力与浏览器“对话”。
window对象的属性
window对象表示浏览器窗口,所有浏览器都支持该对象,它是BOM的核心。 Window对象是JavaScript的顶级对象,具有多个子对象属性:
- screen:包含有关用户屏幕信息的对象
- navigator:包含有关访问者浏览器的信息的对象
- history:包含浏览器历史信息的对象
- location:用于获得当前页面的地址URL,并把浏览器重定向到新的页面
- document:对Document对象的只读引用
使用以上window子对象时,可不使用window前缀。
window.document.getElementById(“header”);
document.getElementById(“header”);
- name:设置或返回窗口的名称
- status:设置窗口状态栏的文本
- innerwidth、innerheight:返回窗口的内部(文档显示区)宽度和高度
- outerwidth、outerheight:返回窗口的外部宽度和高度
- opener:返回对创建此窗口的窗口的引用
- pageXOffset、pageYOffset:设置或返回当前页面相对于窗口显示区左上角的 X 位置;设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
- self:返回对当前窗口的引用
- top:返回最顶层的父窗口
- screenLeft、screenTop、screenX、screenY:只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。
- closed:返回窗口是否已被关闭
window对象常用方法
window.open(URL,name,features,replace);
- URL:可选字符串,指定要在新窗口显示的文档的URL
- name:可选字符串,该字符串是一个由逗号分隔的特征列表,其中可包括数字、字母和下划线,用于声明新窗口的名称。相同name的窗口只能创建一个,要想创建多个窗口,则name不能相同,name属性值可已被<a>或者<form>的target属性引用。
- features:可选字符串,声明了新窗口要显示的标准浏览器的特征,若省略,新窗口将具有所有标准特征。
- replace:可选的布尔值,设置新窗口中的操作历史的保存方式。为true标识创建新历史记录,为false表示替换旧的历史记录。
设置时间
- setTimeout(code,millisec):在指定的毫秒数后调用函数或计算表达式。
- setInterval(code,millisec):按照指定的周期(以毫秒计)来调用函数或计算表达式。
- clearTimeout():取消指定的setTimeout函数将要执行的代码
- clearInterval():取消指定的setInterval函数将要执行的代码。
window全局作用域
- JavaScript全局对象、函数以及变量均自动成为window对象的成员,全局变量是window对象的属性,全局函数是window对象的方法。
- 用户自定义的函数名或变量名不能与BOM对象及其属性和方法的名称冲突。如果冲突,可能不会得到任何错误信息提示,但会得到意想不到的结果。