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

2016-02-20 00:54 2 1 收藏

今天图老师小编给大家介绍下JavaScript入门教程(6):Window窗口对象,平时喜欢JavaScript入门教程(6):Window窗口对象的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

Window窗口对象有如下属性:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)
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;

来源:https://www.tulaoshi.com/n/20160220/1632789.html

延伸阅读
标签: Web开发
navigator 浏览器对象,包含了正在使用的 Navigator 的版本信息。反映了当前使用的浏览器的资料。JavaScript 客户端运行时刻引擎自动创建 navigator 对象。 更详细的信息可以去查msdn或者Navigator 2.0以后的说明文档,这里我们之做个简单的说明 包括一下几大属性: appCodeName 返回浏览器的码名(?),流行的 IE 和 NN 都返回 'Mozilla'...
标签: flash教程
虽然AS不是真正的面向对象的编程,但是它也有对象的概念。这个概念贯穿整个AS的始终,所以,对对象的理解,比对语法或者其他的理解更为重要。现在开始吧: 首先,我们来了解一下路径,路径分两种:绝对路径和相对路径。做过html的朋友应该知道这个概念。但这里我还是要详细解释一下,我认为对路径的理解要深入,我初学的时候就是磕在路径上。 ...
标签: Web开发
使用 Cookies 我们已经知道,在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。 MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 JavaScript 也提供了对 Cookies 的很全面的访问权利。 在继续...
标签: Web开发
[document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用A NAME=标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组(A NAME=)(该属性本身也是一个对象) bgColor 文档的背景颜色(BGCOLOR)...
标签: Web开发
事件处理 概述 事件处理是对象化编程的一个很重要的环节,没有了事件处理,程序就会变得很死,缺乏灵活性。事件处理的过程可以这样表示:发生事件 - 启动事件处理程序 - 事件处理程序作出反应。其中,要使事件处理程序能够启动,必须先告诉对象,如果发生了什么事情,要启动什么处理程序,否则这个流程就不能进行下去。事件的处理程序...

经验教程

652

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部