JavaScript学习-Window对象

    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 >

你可能感兴趣的:(JavaScript)