Window对象代表浏览器的整个窗口,编程人员可以利用window对象控制浏览器窗口的各个方面,如改变状态栏上的显示文字,移动窗口的位置等。
Window对象的属性和方法的引用,可以省略"Window."这个前缀。
Window对象的方法:
alert:显示只具有“OK”按钮的对话框。显示包含由应用程序自定义消息的对话框。
confirm 显示一个确认对话框,其中包含一个可选的消息和确定取消按钮。
prompt 显示一个提示对话框,其中带有一条消息和一个输入框。
navigate 在当前窗口中装入指定 URL。
setInterval 指定每隔多少毫秒后执行指定代码。 代码会执行多次。
setTimeout 指定浏览器在多少毫秒后执行指定代码。代码只执行一次。
clearInterval 取消setInterval开始的间隔事件。
clearTimeout 取消setTimeout方法设置的超时事件。
moveTo 将窗口左上角的屏幕位置移动到屏幕指定的 x 和 y 位置。
attachEvent 将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。
blur 使元素失去焦点并触发 onblur 事件。
close 关闭当前浏览器窗口或 HTML 应用程序(HTA)。
createPopup 创建弹出窗口。
detachEvent 从事件中取消指定函数的绑定,这样当事件触发时函数就不会收到通知了。
execScript 以给定语言执行指定的脚本。
focus 使得元素得到焦点并执行由 onfocus 事件指定的代码。
moveBy 将浏览器窗口的位置移动指定 x 和 y 偏移值。
resizeTo 改变浏览器窗口的大小为指定的宽度和高度值。
open 打开新窗口并装入给定 URL 的文档。
showModalDialog 创建一个显示指定 HTML 文档的模式对话框。 此窗口不能改变大小,且没有菜单栏、工具栏等。用户必须关闭此窗口才能执行下一步操作。
showModelessDialog 创建一个显示指定 HTML 文档的非模式对话框。 用户不必须关闭此窗口就能执行下一步操作。
print 打印与窗口关联的文档。
resizeBy 更改窗口的当前位置缩放指定的 x 和 y 偏移量。
scroll 将窗口滚动到自左上角起指定的 x 和 y 偏移量。
scrollBy 将窗口滚动 x 和 y 偏移量。
scrollTo 将窗口滚动到指定的 x 和 y 偏移量。
setActive 设置对象为当前对象而不将对象置为焦点。
showHelp 显示帮助文件。此方法可用于 Microsoft HTML 帮助。
例子:
在单击按钮后,弹出另外一下窗口,自动放大三秒后关闭打开的窗口。
主窗体js_WindowsPro1.aspx代码:
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
runat
="server"
>
<
title
>
无标题页
</
title
>
<%
--
JavaScript学习
--
%>
<
script
type
="text/javascript"
language
="JavaScript"
>
function
PersionShow()
{
window.open(
"
js_information.aspx
"
,
"
_blank
"
,
"
left=100,top=100,width=100,height=100,fullscreen=no,toolbar=no,titlebar=no
"
);
}
</
script
>
</
head
>
<
body
>
<
form
id
="form1"
runat
="server"
>
<
div
>
<%
--
测试使用的按钮
--
%>
<
input
id
="Button1"
type
="button"
runat
="server"
value
="测试"
onclick
="PersionShow();"
/>
</
div
>
</
form
>
</
body
>
</
html
>
弹出页js_information.aspx代码:
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
runat
="server"
>
<
title
>
无标题页
</
title
>
<%
--
JavaScript学习
--
%>
<
script
type
="text/javascript"
language
="JavaScript"
>
function
LoadEvent()
{
window.moveTo(
300
,
300
);
window.setTimeout(
"
window.close()
"
,
3000
);
//
在setInterval中调用grow函数
window.setInterval(
"
grow()
"
,
200
);
}
function
grow()
{
window.resizeBy(
5
,
5
);
}
</
script
>
</
head
>
<
body
onload
="LoadEvent()"
>
<
form
id
="form1"
runat
="server"
>
<
div
>
3秒后自动关闭
</
div
>
</
form
>
</
body
>
</
html
>