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

最新推荐文章于 2021-02-16 10:59:43 发布

最新推荐文章于 2021-02-16 10:59:43 发布 · 490 阅读

文章标签：

#JavaScript #功能合集 #ViewUI

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用JavaScript内置对象实现窗口的自动定时关闭功能。通过在open.jsp中定义open函数调用window.open()来打开带有定时关闭功能的新窗口，并在close.jsp中利用window.setTimeout()设置关闭时间。

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

-------------------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>




</body>

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


<body onload="window.setTimeout('window.close()',5000)">

close
</body>

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