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 帮助。
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>
<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>
<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>