Rumah > hujung hadapan web > tutorial js > 详细讲解JS中Windows对象课程

详细讲解JS中Windows对象课程

亚连
Lepaskan: 2018-05-17 11:10:07
asal
1639 orang telah melayarinya

详细讲解JS中Windows对象课程

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

二.Window窗口对象有如下属性。

   1.name 窗口的名称,由打开它的连接()或框架页()或某一个窗口调用的 open() 方法(见下)决定。一般我们不会用这个属性。

   2.status 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值,可以改变状态栏的显示。

   3.opener 用法:window.opener;返回打开本窗口的窗口对象。注意:返回的是一个窗口对象。如果窗口不是由其他窗口打开的,在 Netscape 中这个属性返回 null;在 IE 中返回“未定义”(undefined)。undefined 在一定程度上等于 null。注意:undefined 不是 JavaScript 常数,如果你企图使用“undefined”,那就真的返回“未定义”了。
   4.self 指窗口本身,它返回的对象跟 window 对象是一模一样的。最常用的是“self.close()”,放在标记中:“关闭窗口”。
   5.parent 返回窗口所属的框架页对象。

   6.top 返回占据整个浏览器窗口的最顶端的框架页对象。

三.Window窗口对象有如下方法。

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

   说明:

:描述所打开的窗口打开哪一个网页。如果留空(''),则不打开任意网页。 
<窗口名称字符串>:描述被打开的窗口的名称(window.name),可以使用'_top'、'_blank'等内建名称。这里的名称跟“”里的“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() 关闭一个已打开的窗口。

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;
Salin selepas log masuk

上面是我整理给大家的JS中Windows对象课程,希望今后会对大家有帮助。

相关文章:

在js中详细介绍几种类型的事件处理程序的方式

重点解答动态加载JS脚本,一语道破

javascript中遍历EL表达式List集合中的值

Atas ialah kandungan terperinci 详细讲解JS中Windows对象课程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan