JavaScript中的Window窗口对象【转载】

本文详细介绍了JavaScript中的Window对象,包括其属性如name、status、opener等,以及方法如open()、close()、scrollTo()等,并解释了如何通过这些API来控制浏览器窗口。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

该篇文章是我于2009年6月10日通过自己编写的工具,批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明!

陈希章

原文地址:http://www.cnblogs.com/chenxizhang/archive/2008/12/22/1359674.html
原文标题:JavaScript中的Window窗口对象【转载】
原文发表:2008/12/22 3:10:00

本文转载自:http://www.ijavascript.cn/jiaocheng/javascript-window-65.html
他是JavaScript中最大的对象,它描述的是一个浏览器窗口。一般要引用它的属性和方法时,不需要用“window.xxx”这种形式,而直接使用“xxx”。一个框架页面也是一个窗口。
Window窗口对象有如下属性:


Window窗口对象有如下方法:
第一个方法是 open() 打开一个窗口。
用法:

open( , <窗口名称字符串> , <参数字符串> );

说明:


例:打开一个 400 x 100 的干净的窗口:

open('','_blank','width=400,height=100,menubar=no,toolbar=no,
location=no,directories=no,status=no, scrollbars=yes,resizable=yes')

open()的参数

  • top=# 窗口顶部离开屏幕顶部的像素数
  • left=# 窗口左端离开屏幕左端的像素数
  • width=# 窗口的宽度
  • height=# 窗口的高度
  • menubar=... 窗口有没有菜单,取值yes或no
  • toolbar=... 窗口有没有工具条,取值yes或no
  • location=... 窗口有没有地址栏,取值yes或no
  • directories=... 窗口有没有连接区,取值yes或no
  • scrollbars=... 窗口有没有滚动条,取值yes或no
  • status=... 窗口有没有状态栏,取值yes或no
  • resizable=... 窗口给不给调整大小,取值yes或no

注意:open() 方法有返回值,返回的就是它打开的窗口对象。比如

var newWindow = open('','_blank');

这样把一个新窗口赋值到“newWindow”变量中,以后通过“newWindow”变量就可以控制窗口了。
close() 关闭一个已打开的窗口。
用法:

window.close()

self.close()

主要作用是关闭本窗口;
<窗口对象> .close():关闭指定的窗口。注意如果该窗口有状态栏,调用该方法后浏览器会警告:“网页正在试图关闭窗口,是否关闭?”然后等待用户选择是否;如果没有状态栏,调用该方法将直接关闭窗口。
另外Window窗口对象还有如下方法

  • blur() 使焦点从窗口移走,窗口变为“非活动窗口”。
  • focus() 是窗口获得焦点,变为“活动窗口”。不过在 Windows 98,该方法只能使窗口的标题栏和任务栏上的相应按钮闪烁,提示用户该窗口正在试图获得焦点。
  • scrollTo() 用法:[ <窗口对象> .]scrollTo(x, y);使窗口滚动,使文档从左上角数起的(x, y)点滚动到窗口的左上角。
  • scrollBy() 用法:[ <窗口对象> .]scrollBy(deltaX, deltaY);使窗口向右滚动 deltaX 像素,向下滚动 deltaY 像素。如果取负值,则向相反的方向滚动。
  • resizeTo() 用法:[ <窗口对象> .]resizeTo(width, height);使窗口调整大小到宽 width 像素,高 height 像素。
  • resizeBy() 用法:[ <窗口对象> .]resizeBy(deltaWidth, deltaHeight);使窗口调整大小,宽增大 deltaWidth 像素,高增大 deltaHeight 像素。如果取负值,则减少。
  • alert() 用法:alert( <字符串> );弹出一个只包含“确定”按钮的对话框,显示 <字符串> 的内容,整个文档的读取、Script 的运行都会暂停,直到用户按下“确定”。
  • confirm() 用法:confirm( <字符串> );弹出一个包含“确定”和“取消”按钮的对话框,显示 <字符串> 的内容,要求用户做出选择,整个文档的读取、Script 的运行都会暂停。如果用户按下“确定”,则返回 true 值,如果按下“取消”,则返回 false 值。
  • prompt() 用法:prompt( <字符串> [, <初始值> ]);弹出一个包含“确认”“取消”和一个文本框的对话框,显示 <字符串> 的内容,要求用户在文本框输入一些数据,整个文档的读取、Script 的运行都会暂停。如果用户按下“确认”,则返回文本框里已有的内容,如果用户按下“取消”,则返回 null 值。如果指定 <初始值> ,则文本框里会有默认值。

Window窗口对象有如下事件:
window.onload;发生在文档全部下载完毕的时候。全部下载完毕意味着不但 HTML 文件,而且包含的图片,插件,控件,小程序等全部内容都下载完毕。本事件是 window 的事件,但是在 HTML 中指定事件处理程序的时候,我们是把它写在标记中的。
window.onunload;发生在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候。与 onload 一样,要写在 HTML 中就写到标记里。
  • window.onresize;发生在窗口被调整大小的时候。
  • window.onblur;发生在窗口失去焦点的时候。
  • window.onfocus;发生在窗口得到焦点的时候。
  • window.onerror;发生在错误发生的时候。它的事件处理程序通常就叫做“错误处理程序”(Error Handler),用来处理错误。上边已经介绍过,要忽略一切错误,就使用:

    function ignoreError() {
      return true;
    }
    window.onerror = ignoreError;

作者:
陈希章
出处:http://blog.youkuaiyun.com/chen_xizhang
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值