`
_Jason_
  • 浏览: 42855 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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>



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

相关推荐

    javascript经典特效---弹出窗口自动关闭.rar

    例如,用户可能在弹出窗口关闭前进行了交互,这时我们可能需要取消定时关闭。为此,可以定义一个变量来保存定时器ID,并在需要时使用`clearTimeout()`清除: ```javascript var timeoutId; timeoutId = setTimeout...

    JavaScript中window.open用法实例详解

    JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API,它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...

    9招玩透网页弹出窗口.pdf

    除了基本的弹出窗口,还可以结合其他JavaScript库,如jQuery,来实现更复杂的功能,如延迟弹出、定时弹出、响应式弹出等。同时,现代浏览器提供了更多的API和特性,如Promise和async/await,使得异步操作和错误处理...

    C# .NET弹出窗口 汇总

    利用Cookie控制弹出窗口的功能非常强大。例如,在弹出窗口之前检查Cookie是否存在,如果不存在则弹出: ```csharp string cookieValue = Request.Cookies["popup"].Value; if (cookieValue == null) { this....

    制作Javascript弹出窗口技巧九则

    除了弹出窗口之外,我们还可以实现定时关闭窗口的功能,例如在用户停留一段时间后自动关闭弹出窗口: ```javascript &lt;script language="JavaScript"&gt; &lt;!-- function openwin() { var newWin = window.open("page....

    JSP弹出窗口和模式对话框.doc

    - **定时关闭弹出窗口**:在弹出窗口的页面中添加定时器,自动关闭窗口。 ```javascript &lt;script type="text/javascript"&gt; function closeit() { setTimeout("self.close()", 10000); // 10000毫秒后关闭窗口 ...

    JS实现简单加载弹出小网页后5秒消失

    ### JS实现简单加载弹出小网页后5秒消失 #### 知识点解析 ##### 一、窗口弹出原理及实现方法 在本案例中,我们通过JavaScript的`window.open()`函数来实现在页面加载时自动打开一个新的浏览器窗口。这个新窗口会...

    JS网页定时自动关闭-无浏览器提示

    在JavaScript(JS)编程中,实现网页定时自动关闭是一个常见的需求,特别是在临时通知或消息提示的场景下。这种功能能够避免用户手动关闭页面,提升网页的互动性和用户体验。本示例将详细介绍如何在不触发浏览器确认...

    JS中表单的使用小结

    在本篇文章中,我们主要总结了JavaScript(JS)中表单的使用方法,并针对页面刷新、弹出窗口操作、无缓存设置、页面关闭以及定时关闭弹出窗口等关键技术点进行了详细介绍。 首先,页面的刷新是一个常见的需求,可以...

    javascript window对象

    - **弹出新窗口**:通过`Window.open()`方法创建新的浏览器窗口。 #### 三、Window对象的常用属性与方法 ##### 1. `open` - **语法**:`window.open(url, name, features)` - **功能**:打开一个新窗口或定位到一...

    JavaScript实现自动弹出窗口并自动关闭窗口的方法

    在本文中,我们将探讨如何使用JavaScript实现一个自动弹出窗口并自动关闭的功能。 首先,这个功能的核心在于`window.open()`、`document.open()`和`document.close()`这三个JavaScript对象和方法。 1. `window....

    javascript常用对象梳理

    - **功能**: 弹出一个“查找”对话框,允许用户在触发`find`方法的页面中查找一个字符串。(注:此方法在IE5.5及Netscape6.0中不支持) - **17. `back()` 方法** - **语法**: `window.back()` - **功能**: 模拟...

    脚本化浏览器窗口

    - **window.close()**: 关闭窗口,只适用于弹出窗口。 - **window.moveTo(x, y)**: 移动窗口到指定位置。 - **window.resizeTo(width, height)**: 调整窗口大小。 #### 14.4 显示对话框 - **alert(message)**: ...

    js关闭子窗口

    在JavaScript中,关闭一个弹出的或打开的子窗口(通常是由`window.open()`方法创建的)可以通过调用该窗口对象上的`close()`方法来实现。下面提供了一些基本的示例。 ```javascript function closeWindow() { ...

    IFrame AND window对象

    1. **导航控制**:`window.location`用于获取或设置当前页面的位置,`window.open()`可以打开新窗口。 2. **页面操作**:`window.onload`和`window.DOMContentLoaded`事件分别在页面完全加载和DOM结构加载完成后触发...

    js特效代码

    此脚本允许您自定义弹出窗口的大小,并可设置一定时间后自动关闭该窗口。 ##### 实现步骤 1. **将代码添加至`&lt;head&gt;`区域内:** ```javascript &lt;script language="JavaScript"&gt; &lt;!--Begin closetime=0; // 关闭...

    javaScript的对象window

    JavaScript中的`window`对象是浏览器环境中最核心的对象之一,它代表了浏览器的顶级窗口或框架。无论网页中是否存在BODY、FRAMESET或FRAME元素,浏览器都会为每个这样的元素创建一个`window`对象实例。此外,`window...

Global site tag (gtag.js) - Google Analytics