<JavaScript>window对象学习(一)

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的框架
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值