window对象
概念
代表浏览器中打开的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。(注意:尽管没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。)
所有全局 JavaScript 对象、函数和变量会自动成为 window 对象的成员。
全局变量是 window 对象的属性。(document 对象也是 window 对象属性也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。)
window.document.getElementById("header");
//等同于
document.getElementById("header");
全局函数是 window 对象的方法。
window对象集合
frames[]集合是 Window 对象的数组,返回窗口中所有命名的框架。每个 Window 对象在窗口中含有一个框架或 。注意:frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。
window对象常用属性
属性 | 描述 |
---|---|
length | 设置或返回窗口中的框架数量。 |
closed | 返回窗口是否已被关闭。 |
innerheight | 返回窗口的文档显示区的高度。以像素计 |
innerwidth | 返回窗口的文档显示区的宽度。以像素计 |
name | 设置或返回窗口的名称。 |
outerheight | 返回窗口的外部高度。 |
outerwidth | 返回窗口的外部宽度。 |
parent | 返回父窗口。 |
window中常用的方法
window.alert()显示带有一段消息和一个确认按钮的警告框。
window.open()打开新窗口
window.close()关闭当前窗口
window.moveTo()移动当前窗口
window.resizeTo()调整当前窗口的尺寸
window.focus()把键盘焦点给予一个窗口。
window.blur()把键盘焦点从顶层窗口移开。
window Location(在控制台输入)
window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。对象在编写时可以不使用 window 这个前缀。
以下是一些例子:
location.hostname 返回web主机的域名
location.pathname 返回当前页面的路径和文件名
location.protocol 返回所使用的web协议(http://或https://)
window.location.port 返回端口
location.href 返回(当前页面的)整个URL
http://www.Hellourl.com:8866/test?id=123&username=xxx
window.location.assign 加载新文档
注意:
Window 对象的 window 属性和 self 属性引用的都是它自己。除了这两个属性之外,parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。
例如:引用窗口中的一个框架
self.frame[i] //当前窗口的框架
frame[i] //当前窗口的框架
Hello.frame[i] //窗口Hello的框架