日期:2014-05-16  浏览次数:20306 次

JS--功能合集--window.open()弹出窗口加定时关闭

      这是window内置对象的一个应用,实现用超链接(还有其他方式,如:页面加载onload,页面关闭unonload)方式打开一个新的窗口,并且该窗口有定时关闭。详细内容请看代码及注释.



-------------------open.jsp-----------------------

<head>
<script language="javascript">
function open(){
window.open("close.jsp", "close","height=200,width=200,resizable=yes,location=yes,status=yes");
//这里可有多个open,那就是一起打开了多个窗口

//close.jsp要打开的窗口,也是自动定时关闭的窗口

//window.open(arg0,arg1,arg2)

//arg0:要打开窗口的文件的路径(绝对/相对)  XX.jsp/XX.html 本例子两个页面在相同目录下
//arg1:打开窗口的名字,可以为空,如果同时打开两个窗口该名字不能相同
//arg2:是对新打开窗口的各种修饰,以下是相关参数说明

//height=100 窗口高度;
//width=400 窗口宽度;
//top=0 窗口距离屏幕上方的象素值;
//left=0 窗口距离屏幕左侧的象素值;
//toolbar=no 是否显示工具栏,yes为显示;
//menubar,scrollbars 表示菜单栏和滚动栏。
//resizable=no 是否允许改变窗口大小,yes为允许;
//location=no 是否显示地址栏,yes为允许;
//status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

}

</script>
  </head>
 
  <body>
  <a href="" onclick="open();">open</a><!--超链接的方式触发函数open()  -->

   <!--页面加载方式 onload="open()"  -->
   <!--页面卸载方式 unonload="open()"  -->

  </body>



-------------------------close.jsp-----------------------



<!--当该页面被加载的时候执行  window.setTimeout()函数 -->
  <body onload="window.setTimeout('window.close()',5000)">
  <!-- window.setTimeout(arg0,arg1)
                (个人认为是很好的一个函数,哈哈)
        arg0:要执行的目标函数
        arg1:等待的时间
      window.close()则是内置对象window的函数之一,关闭一个页面窗口
   -->
  close
  </body>



注:当然这个功能不只这些,但是这个是比较基本的,后续还会再完善~