首页 > 代码库 > Javascript学习--------详解window窗口对象

Javascript学习--------详解window窗口对象

对话框:

警告对话框:alert();

    语法:window.alert(src)或者alert(src);


询问回答对话框:confirm();

    语法:window.confrim(question)或者confrim(question);

          单击确认,返回true;

          单击取消,返回false


提示对话框:prompt();

    语法:window.prompt([showtxt],[defaultTxt])或者prompt([showtxt],[defaultTxt]);

          单击确认,返回输入的文本;

          单击取消,返回null

注意:

    对话框是由当前运行的页面弹出的,在对该对话框进行处理之前,不能对当前页面进行操作,并且其后面的代码也不会被执行。


窗口的打开与关闭:

打开窗口

    语法:windowVar = window.open(url,windowname[,location]);(window可以省略)

    参数说明:windowVar :打开窗口的句柄。

                          如果open方法成功,则windowVar为一个window对象句柄;

                          如果失败,则为一个空值。

              utl:目标窗口的URL。

                   如果为空值,则浏览器打开一个新的空白窗口,

                               可以是用write()方法创建动态的HTML。

              windowname:window对象的名称。

                          该名称可以作为属性值在<a>和<form>标记的target属性中出现。

                          如果指定名称是一个已经存在的窗口名称,则返回对该窗口的引用,

                          而不会打开一个新的窗口。

              location:对对话框属性进行设置。

       设置的参数如下:

channelmode=yes|no|1|0是否使用剧院模式显示窗口。默认为 no。
directories=yes|no|1|0是否添加目录按钮。默认为 yes。
fullscreen=yes|no|1|0是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
height=pixels窗口文档显示区的高度。以像素计。
left=pixels窗口的 x 坐标。以像素计。
location=yes|no|1|0是否显示地址字段。默认是 yes。
menubar=yes|no|1|0是否显示菜单栏。默认是 yes。
resizable=yes|no|1|0窗口是否可调节尺寸。默认是 yes。
scrollbars=yes|no|1|0是否显示滚动条。默认是 yes。
status=yes|no|1|0是否添加状态栏。默认是 yes。
titlebar=yes|no|1|0是否显示标题栏。默认是 yes。
toolbar=yes|no|1|0是否显示浏览器的工具栏。默认是 yes。
top=pixels窗口的 y 坐标。
width=pixels窗口的文档显示区的宽度。以像素计。


关闭窗口:

    语法:

         关闭当前窗口:window.close();或者close();或者this.close();

         关闭子窗口:windowVar.close();

                       windowVar为子窗口的句柄;


控制窗口:

移动窗口:

    1.moveTo()方法:

         语法:window.moveTo(x,y);

         将窗口移至坐标x,y处。

    2.moveBy()方法:

         语法:window.moveBy(x,y);

               将窗口移动指定位移量x,y。


      这里可以通过使用focus()方法使窗口一直在最前。

<script type="text/javascript">
 var
    my;
    
 function myWindow(){
 
 	my = open(‘‘,‘‘,‘width=200,height=100‘);
 	
 	my.document.write("this is my window");
 	
 }
 
 function moveDivto(){
 
   	my.moveTo(50,50);
   	
 	my.focus();//可以是窗口一直在最前
 }
 
 function moveDivby(){
 
   	my.moveBy(50,50);
   	
 	my.focus();
 }
 </script>


改变窗口大小:

    1.resizeTo()方法:

         语法:window.resizeTo(x,y);

               将窗口宽高设置为x,y;

    2.resizeBy()方法:

         语法:window.resizeBy(x,y);

               将窗口宽高缩小x,y;


窗口滚动:

    1.scroll()方法

      window对象中有三种方法可以用来实现窗口中的文档滚动:

      scroll(x,y);  Javascript 1.1中规定,文档滚动到指定的绝对位置

      scrollTo(x,y); Javascript 1.2中规定,文档滚动到指定的绝对位置

      scrollBy(x,y); 将文档滚动到相对位置上。


访问窗口历史:

    history对象:

        语法:[window.]history.property|method([parameters])

               属性:length,current,next,previous

               方法:back(),forward(),go()


控制窗口的状态栏:

    1.status()方法

         语法:window.status = src;

    2.defaultstatus()方法:

         语法:window.defaultstatus =src;


    上面两者的区别

         前者只在某一事件发生的瞬间显示。

         后者会在任何时间显示。


窗口事件:

   通用的窗口事件:

      onfocus:当浏览器窗口获得焦点时触发,

      onblur:当浏览器窗口失去焦点时触发,

      onl oad:当文档完全载入窗口时触发,

      onunoload:当文档未载入时触发,

      onresize:当窗口大小改变时触发,

      one rror:当出现Javascript错误时,触发一个错误处理事件

   扩展窗口事件:

      onafterprint:窗口被打印后触发;

      onbeforeprint:窗口被打印或被打印预览之前触发;

      onbeforeunload:窗口未被载入之前触发,发生于onunload事件之前

      ondragdrop:文档被拖到窗口上是触发(仅仅适用于Netscape)

      onhelp:按下帮助键时触发

      onresizeend:调整大小的进程结束时触发

      onresizestart:调整大小的进程开始时触发

      onscroll:滚动条往任一方向滚动时触发。