阿宽

Nothing is more powerful than habit!
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

JavaScript学习-Window对象

Posted on 2008-11-24 00:13  宽田  阅读(307)  评论(0编辑  收藏  举报
    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>