JavaScript 中的Window对象2008-06-30 16:45Window 对象
基本介绍:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog() 方法用来创建一个显示Html内容的模态对话框。
window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明:
sURL -- 必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
----------------
1. dialogHeight: 对话框高度,不小于100px
2. dialogWidth: 对话框宽度。
3. dialogLeft: 离屏幕左的距离。
4. dialogTop: 离屏幕上的距离。
5. center: { yes no 1 0 } : 是否居中,默认yes,但仍可以指定高度和宽度。
6. help: {yes no 1 0 }: 是否显示帮助按钮,默认yes。
7. resizable: {yes no 1 0 } [IE5+]: 是否可被改变大小。默认no。
8. status:{yes no 1 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
Window 对象是 JavaScript 层级中的顶层对象。
Window 对象代表一个浏览器窗口或一个框架。
Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。
有关 Window 对象的详细描述。
IE: Internet Explorer, F: Firefox, O: Opera.
Window 对象的集合
Collection Description IE F O
frames[] 返回窗口中所有命名的框架。该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。 4 1 9
Window 对象的属性
属性 描述 IE F O
closed 返回窗口是否已被关闭。 4 1 9
defaultStatus 设置或返回窗口状态栏中的默认文本。 4 No 9
document 对 Document 对象的只读引用。请参阅 Document 对象。 4 1 9
history 对 History 对象的只读引用。请参数 History 对象。 4 1 9
innerheight 返回窗口的文档显示区的高度。 No No No
innerwidth 返回窗口的文档显示区的高度。 No No No
length 设置或返回窗口中的框架数量。 4 1 9
location 用于窗口或框架的 Location 对象。请参阅 Location 对象。 4 1 9
name 设置或返回窗口的名称。 4 1 9
Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。 4 1 9
opener 返回对创建此窗口的窗口的引用。 4 1 9
outerheight 返回窗口的外部高度。 No No No
outerwidth 返回窗口的外部宽度。 No No No
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 No No No
pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 No No No
parent 返回父窗口。 4 1 9
Screen 对 Screen 对象的只读引用。请参数 Screen 对象。 4 1 9
self 返回对当前窗口的引用。等价于 Window 属性。 4 1 9
status 设置窗口状态栏的文本。 4 No 9
top 返回最顶层的先辈窗口。 4 1 9
window window 属性等价于 self 属性,它包含了对窗口自身的引用。 4 1 9
screenLeft
screenTop
screenX
screenY
只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。 4 1 9
Window 对象的方法
方法 描述 IE F O
alert() 显示带有一段消息和一个确认按钮的警告框。 4 1 9
blur() 把键盘焦点从顶层窗口移开。 4 1 9
clearInterval() 取消由 setInterval() 设置的 timeout。 4 1 9
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。 4 1 9
close() 关闭浏览器窗口。 4 1 9
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 4 1 9
createPopup() 创建一个 pop-up 窗口。 4 No No
focus() 把键盘焦点给予一个窗口。 4 1 9
moveBy() 可相对窗口的当前坐标把它移动指定的像素。 4 1 9
moveTo() 把窗口的左上角移动到一个指定的坐标。 4 1 9
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。 4 1 9
print() 打印当前窗口的内容。 5 1 9
prompt() 显示可提示用户输入的对话框。 4 1 9
resizeBy() 按照指定的像素调整窗口的大小。 4 1 9
resizeTo() 把窗口的大小调整到指定的宽度和高度。 4 1.5 9
scrollBy() 按照指定的像素值来滚动内容。 4 1 9
scrollTo() 把内容滚动到指定的坐标。 4 1 9
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。 4 1 9
setTimeout() 在指定的毫秒数后调用函数或计算表达式。 4 1 9
Window 对象的描述
Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。
同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()。
除了上面列出的属性和方法,Windos 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。
Window 对象的 window 属性和 self 属性引用的都是它自己。当你想明确地引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。除了这两个属性之外,parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。
要引用窗口中的一个框架,可以使用如下语法:
frame[i] //当前窗口的框架
self.frame[i] //当前窗口的框架
w.frame[i] //窗口 w 的框架
要引用一个框架的父窗口(或父框架),可以使用下面的语法:
parent //当前窗口的父窗口
self.parent //当前窗口的父窗口
w.parent //窗口 w 的父窗口
要从顶层窗口含有的任何一个框架中引用它,可以使用如下语法:
top //当前框架的顶层窗口
self.top //当前框架的顶层窗口
f.top //框架 f 的顶层窗口
新的顶层浏览器窗口由方法 Window.open() 创建。当调用该方法时,应把 open() 调用的返回值存储在一个变量中,然后使用那个变量来引用新窗口。新窗口的 opener 属性反过来引用了打开它的那个窗口。
一般来说,Window 对象的方法都是对浏览器窗口或框架进行某种操作。而 alert() 方法、confirm() 方法和 prompt 方法则不同,它们通过简单的对话框与用户进行交互。