`
xuedong
  • 浏览: 296650 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript中的Window窗口对象

阅读更多

JavaScript中的Window窗口对象
他是JavaScript中最大的对象,它描述的是一个浏览器窗口。一般要引用它的属性和方法时,不需要用“window.xxx”这种形式,而直接使用“xxx”。一个框架页面也是一个窗口。

Window窗口对象有如下属性:


  • name 窗口的名称,由打开它的连接(<a target="...">)或框架页(<frame name="...">)或某一个窗口调用的 open() 方法(见下)决定。一般我们不会用这个属性。
  • status 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值,可以改变状态栏的显示。
  • opener 用法:window.opener;返回打开本窗口的窗口对象。注意:返回的是一个窗口对象。如果窗口不是由其他窗口打开的,在 Netscape 中这个属性返回 null;在 IE 中返回“未定义”(undefined)。undefined 在一定程度上等于 null。注意:undefined 不是 JavaScript 常数,如果你企图使用“undefined”,那就真的返回“未定义”了。
  • self 指窗口本身,它返回的对象跟 window 对象是一模一样的。最常用的是“self.close()”,放在<a>标记中:“<a href="javascript:self.close()">关闭窗口</a>”。
  • parent 返回窗口所属的框架页对象。
  • top 返回占据整个浏览器窗口的最顶端的框架页对象。
  • history 历史对象,见下。
  • location 地址对象,见下。
  • document 文档对象,见下。



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

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

说明:


  • <URL字符串>:描述所打开的窗口打开哪一个网页。如果留空(''),则不打开任意网页。
  • <窗口名称字符串>:描述被打开的窗口的名称(window.name),可以使用'_top'、'_blank'等内建名称。这里的名称跟“<a href="..." target="...">”里的“target”属性是一样的。
  • <参数字符串>:描述被打开的窗口的样貌。如果只需要打开一个普通窗口,该字符串留空(''),如果要指定样貌,就在字符串里写上一到多个参数,参数之间用逗号隔开。


例:打开一个 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 中指定事件处理程序的时候,我们是把它写在<body>标记中的。
window.onunload;发生在用户退出文档(或者关闭窗口,或者到另一个页面去)的时候。与 onload 一样,要写在 HTML 中就写到<body>标记里。


  • window.onresize;发生在窗口被调整大小的时候。
  • window.onblur;发生在窗口失去焦点的时候。
  • window.onfocus;发生在窗口得到焦点的时候。
  • window.onerror;发生在错误发生的时候。它的事件处理程序通常就叫做“错误处理程序”(Error Handler),用来处理错误。上边已经介绍过,要忽略一切错误,就使用:
    function ignoreError() {
      return true;
    }
    window.onerror = ignoreError;

 

转自:http://www.ijavascript.cn/jiaocheng/javascript-window-65.html

分享到:
评论

相关推荐

    javascript window对象

    在JavaScript中,`Window`对象是所有浏览器窗口的基础。它是全局对象,也是顶级对象。对于初学者来说,了解`Window`对象的基本概念及其方法是非常重要的,这有助于更好地理解浏览器环境中的脚本执行流程。 #### 二...

    JavaScript Window窗口对象属性和使用方法

    每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个JS应用程序中被多次使用。 下表列出了一些Window对象常用属性: 属性 说明 document 对话框中显示...

    JavaScript_之Window对象.doc

    JavaScript中的Window对象是全局对象,它是每个浏览器窗口的核心,提供了许多与浏览器窗口交互的方法和属性。这个对象在JavaScript中无处不在,因为它既是全局变量也是全局函数的容器。以下是Window对象的一些主要...

    javascript Window对象

    本文将详细介绍`Window`对象中几个常用的方法,包括`open`、`close`、`alert`、`confirm`和`prompt`。 #### 二、`open`方法 ##### 1. 语法 ```javascript window.open(URL, 窗口名称, 窗口风格); ``` ##### 2. ...

    javaScript的对象window

    JavaScript中的`window`对象是浏览器环境中最核心的对象之一,它代表了浏览器的顶级窗口或框架。无论网页中是否存在BODY、FRAMESET或FRAME元素,浏览器都会为每个这样的元素创建一个`window`对象实例。此外,`window...

    window对象的常用方法和作用

    【window对象】是JavaScript中的全局对象,它代表了浏览器的窗口。在JavaScript中,所有的全局变量和函数都是window对象的属性和方法。本篇将详细阐述window对象的一些常用方法及其作用。 1. **open方法** `window...

    JavaScript入门教程(6) Window窗口对象

    至于self属性,它引用的是窗口对象本身,通常用于关闭当前窗口,例如在链接中使用“&lt;a href="javascript:self.close()"&gt;关闭窗口”。 parent属性返回窗口所属的框架页对象,而top属性则返回占据整个浏览器窗口的最...

    JavaScript调用window函数.docx

    JavaScript 中的 window 对象有一个 status 属性,用于设置或获取浏览器窗口中的状态栏信息。语法格式为:window.status = 字符串。小技巧:可以使用该属性设置浏览器窗口状态栏信息。 2. statusbar 属性 window ...

    JavaScript的document和window对象详解

    `window`对象是JavaScript中最顶级的对象,它代表浏览器窗口。几乎所有的全局函数、变量和对象都是`window`对象的属性或方法。 ##### 属性 - **defaultStatus**: 缺省状态栏消息。 - **document**: 当前显示的文档...

    JS之WINDOW对象

    JavaScript中的WINDOW对象是JavaScript在浏览器环境中访问和操作浏览器窗口的核心对象。它包含了与浏览器窗口相关的所有属性和方法,使得开发者能够实现对窗口的各种控制,如打开新的窗口、更改窗口尺寸、滚动内容...

    JavaScript—window对象使用示例

    JavaScript中的`window`对象是浏览器环境中最核心的对象之一,它代表了浏览器的顶级窗口或整个浏览器视口。这个对象提供了很多与用户交互、页面导航、窗口控制和文档操作相关的属性和方法。以下是对`window`对象及其...

    Javascript window对象详解

    JavaScript的window对象作为浏览器环境中的顶层对象,承载着重要...5. window对象包含了一些浏览器特定API,这些API也会反映到window对象中。 6. 在使用全局变量和方法时,应当谨慎,避免命名冲突和不必要的全局污染。

    JavaScript窗口对象概述.pdf

    - **opener**:返回打开当前窗口的窗口对象,如果没有父窗口或不是由其他窗口打开的,其值为`null`。 - **closed**:一个布尔值,表示窗口是否已被关闭。 - **self**:引用当前窗口,通常与`window`相同。 - **...

    Javascript之BOM(window对象)详解_.docx

    在浏览器环境中,window既是JavaScript访问浏览器窗口的接口,也是ECMAScript规范中的Global对象。这意味着在全局作用域内定义的任何变量、对象和函数都默认属于window对象的属性和方法。例如,全局变量age和在...

    JavaScript window资源管理器

    JavaScript中的`window`对象是浏览器环境中全局对象的基石,它代表了浏览器的一个窗口。这个对象提供了许多用于控制和访问浏览器窗口的功能,包括交互、导航、定时以及与其他Web API的集成。在JavaScript中,几乎...

    函数和window对象

    同时,`window`对象是浏览器环境中全局作用域的基础,它代表了整个浏览器窗口。这篇博文可能深入探讨了这两者在实际应用中的结合与互动。 函数在JavaScript中扮演着多面手的角色。它们不仅可以执行特定任务,还可以...

Global site tag (gtag.js) - Google Analytics