`
yangyou230
  • 浏览: 1651081 次
文章分类
社区版块
存档分类

弹出窗口小结

阅读更多

弹出窗口虽然已经过时了，但是有的时候还是需要用弹出窗口和原来的窗口分开来，比如说显示一个问卷调查。

最基本的就是使用window.open函数，搭配对于弹出窗口的属性作为输入参数。

有一个问题是safari不允许脚本直接执行window.open，一定要通过用户的行为才能触发，对策是我们可以添加click event listener和 keypress event listener到document，这样只要用户和页面有交互就能激发window.open

有时候我们希望在关闭某个页面的时候弹出窗口，可以使用onunload，大部分浏览器都支持，唯独IE9不支持在onunload中执行window.open

如果你想让弹出的窗口发到主窗口后面，可以使用blur：

可惜firefox不支持

如果你想先弹出一个窗口，然后当主窗口跳转到另一个页面的时候控制弹出的窗口，可以使用相同的名字调用 window.open('example.html' , 'same_name');，但是在有些浏览器中这是行不通的，这时我们可以用cookie来控制：

弹出窗口：


跳转窗口：


最后提一下如果你怕弹出窗口被block掉，可以使用window.showmodaldialog，这个缺陷就是类似alert，用户只有关闭modal之后才能控制主窗口。

分享到：
| [HTML5]配置Ngnix服务器支持manifest
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JAVASCRIPT弹出窗口大总结

    JAVASCRIPT 所有关于弹出窗口的代码 开发过程中直接可以用 经过长时间的积累形成的，供大家分享！

    asp.net 实现弹出窗口功能

    在 web应用中，比如OA中，经常要用到一些提示，比如EMAIL到达了，就做个象MSN那样的提示框，弹出给用户提示，然后再关闭。在ASP.net 2.0的ajax中，这个现在不难做到了，刚好看到老外的一篇文章，讲解到，下面小结之

    jsp弹出窗口--jsp小结

    jsp弹出窗口 关于jsp小小总结一下

    JS中表单的使用小结

    使用window.open()弹出的弹出窗口，刷新父窗口 window.opener.location.reload() 使用window.showDialog弹出的模式窗口 window.dialogArguments.location.reload(); 2.javascript弹出窗口的两种实现方式 —下面给...

    C#隐藏主窗口的方法小结

    主要介绍了C#隐藏主窗口的方法,列举了C#隐藏窗口的三种常用方法,涉及C#窗体操作的常用技巧,需要的朋友可以参考下

    javascript知识小结

    弹出一个窗口，要求输入男、女或者其他，后面将会对输入内容作出回应。括号里面的空的双引号表示在文本框里什么也不输入 2、 javascript中的获取数组中的内容有两种：一种直接列举 var arr = new Array(); 或者 var...

    Android 软键盘弹出隐藏挤压界面等各种问题小结

    Android中软键盘的使用是非常多的，下面为软键盘常用的设置； ... android:imeOptions=flagNoExtractUi ...这样activity的主窗口总会resize为键盘提供空间 case2:你的输入框处于偏上面，一般情况下这样就不会有

    用javascript关闭本窗口技巧小结

    为了实现用户对浏览器的绝对控制，ie中用close关闭非open打开的窗口时回弹出一个对话框询问用户，怎么去掉这个框呢，请看下面的代码。 function winClose(){ window.top.opener = null; window.close(); } 在window...

    Boostrap模态窗口的学习小结

    您可以在 Modals（模态框）中使用 Popover（弹出框）和 Tooltip（工具提示插件）。 一．什么是模态窗口？ 是这样一种效果哟： 二． 组成 头部（包括标题和关闭按钮） 中间（主要内容） 底部（主要是放置操作按钮...

    JS刷新父窗口的几种方式小结(推荐)

    浮层内嵌iframe及frame集合窗口，刷新父页面的多种方法 [removed] parent.location.reload();...弹出子页面 [removed] window.opener.location.reload(); [removed] [removed] window.opener.location.

    轻松搞定Extjs_原创

    四、标签弹出菜单 217 五、小结 220 第二十八章：Viewport类 221 一、概述 221 二、Viewport的基本使用 221 三、小结 226 第二十九章：综合项目 227 一、概述 227 二、数据库设计 228 三、持久层封装 229 四、DAO ...

    SEO编程PHP中文版

    6.2.4 DHTML弹出窗口 6.2.5 可检索的图像和图形文本 6.3 搜索引擎友好的HTML 6.3.1 HTML结构化单元 6.3.2 内容突出和表格 6.3.3 帧 6.3.4 使用表单 6.4 使用自定义标记语言来生成搜索引擎友好的HTML 6.5 ...

    搜索引擎优化高级编程(PHP版)

    6.2.4 DHTML弹出窗口 6.2.5 可检索的图像和图形文本 6.3 搜索引擎友好的HTML 6.3.1 HTML结构化单元 6.3.2 内容突出和表格 6.3.3 帧 6.3.4 使用表单 6.4 使用自定义标记语言来生成搜索引擎友好的HTML 6.5 Flash和AJAX...

    LabVIEW入门教程

    1.2.6 弹出菜单 1.2.7 模板 1.3 LabVIEW帮助选项 1.3.1 帮助窗口 1.3.2 在线帮助 1.4 小结、提示和技巧 第2章 创建、编辑和调试VI 2.1 创建程序 2.1.1 前面板 2.1.2 数字控件和指示器 2.1.3 布尔量控件和指示器 ...

    javascript window.confirm确认 取消对话框实现代码小结

    confirm() 方法 confirm() 方法用于显示一个带有指定消息和确定及... 返回 false 一种： 代码如下: 弹出窗口</a> 二种： 代码如下: [removed] function delete_confirm(e) { if (event.srcEl

    user32.dll 函数说明小结

    函数名称 说明 ActiveKeyboardLayout 激活一个不同的键盘布局，该布局必须先由 LoadKeyBoardLayout函数装载 AdjustWindowRect 根据希望的用户矩形大小来计算所需矩形窗 ...顶层弹出式或重叠式窗口 AppendMenu

Magicbox
Global site tag (gtag.js) - Google Analytics