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

iframe及弹出窗口总结

    博客分类:
  • js
阅读更多

打开窗口:

Code:
var handle = window.showModalDialog(url, objects, feathers);


其中:objects可以为参数(包括数组),也可以是对象。
通常的用法 objects = {window} ,把父窗体的对象共享给子窗体。

2。关闭子窗口:

Code:
window.close();



3。从子窗体传参数给父窗体:

Code:
window.returnVal = string;



3。清除缓存,防止模式窗口页面不更新的情况:

Code:
HTML
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Mon, 23 Jan 1978 20:52:30 GMT">
ASP
<%
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = "no-cache"
%>
PHP
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");
JSP
response.setHeader("Pragma","No-Cache");
response.setHeader("Cache-Control","No-Cache");
response.setDateHeader("Expires", 0);



4。防止打开新窗口(如提交表单):

Code:
<base target="_self">



5。在模式窗口使用F5刷新页面:

Code:
<base target="_self">
<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>


其中:filename为窗口页面。

6。防止模式窗口打开的页面出现cookie丢失的情况:
模式窗口打开新窗口时,仅可以使用 showModalDialog(url,window,feathers); 方法,且 objects 为 window 。

7。在弹出窗口中获得或设置主窗口的任何值:
打开弹出窗口时用:showModalDialog(url, window, feathers)
在弹出窗口中使用 window.dialogArguments 对象(即主窗口传递过来的 window 对象集),即可以获得或者设置主窗口的值。

具体实例:

window.showModalDialog('areaAdd.jsp",window,'dialogWidth:245px;dialogHeight:210px;status:no;help:no;scroll:no;');

其 中window参数如果是需要页面间传值就必须要,否则可为空。父子页面之间通讯也需要该参数。主页面的iframe名称为areaIframe,子页面 名称为areaAdd,父页面通知子页面刷新用:areasIframe.location.href='areaIframe.jsp'。子页面通知父 页面刷新使用:window.dialogArguments.areasIframe.areasReload();其中areasReload()是 子页面中的javascript方法

注意 iframe 的属性必须使用前缀 document.all 访问,例如 document.all.iframeId.marginWidth。

分享到:
评论

相关推荐

    iframe弹出窗

    总结,"iframe弹出窗"是一种利用`iframe`和自定义`div`对话框来实现的交互方式,它提供了在主页面上无缝展示外部内容的功能。通过合理的CSS布局和JavaScript控制,我们可以创建出符合需求、用户体验良好的弹出窗口。

    弹出窗口_iframe_最终版

    总结来说,"弹出窗口_iframe_最终版"是一个解决跨浏览器兼容性的实践案例,主要涉及了弹出窗口的创建、iframe的使用,以及如何在不同浏览器环境中处理遮挡和滚动条滚动的问题。开发者需要熟悉各种浏览器的特性和API...

    js_弹出窗口_iframe

    在JavaScript(JS)中,弹出窗口是一...总结来说,JavaScript的弹出窗口提供了与用户交互的基础机制,而`iframe`则提供了在网页内嵌入其他内容的能力。通过灵活运用这两者,开发者可以创造出更加丰富和互动的网页体验。

    弹出窗口_iframe_最终版本

    总结起来,"弹出窗口_iframe_最终版本"是一个关注于在各种浏览器环境下,特别是IE7到IE9,实现弹出窗口内iframe固定以及后方页面滚动控制的解决方案。这涉及到了前端开发中的跨浏览器兼容性问题、CSS布局技巧以及...

    点击弹出窗口网页背景变暗且不可点的效果(二):iframe实现

    在本案例中,`iframe`可能被用来创建弹出窗口,同时背景变暗并禁用交互是通过CSS和JavaScript来实现的。 描述中的“NULL”表明没有提供具体的技术细节,但我们可以推测实现这个效果通常涉及以下几个步骤: 1. 使用...

    aspx页面弹出窗口代码大全

    总结,实现ASPx页面上的弹出窗口涉及多方面的技术,包括JavaScript、jQuery、DevExpress控件、AJAX、CSS和HTML,以及服务器端的.NET编程。根据项目需求和用户体验考虑,选择合适的方法和工具是关键。提供的文档"aspx...

    关于js中alert弹出窗口文本换行问题简单详细说明.docx

    JS 中 Alert 弹出窗口文本换行问题详细说明 在 JavaScript 中,Alert 弹出...* 禁止 iframe 页面的全部 JS 脚本,如 alert 及弹出窗口等 * JS+CSS 实现带关闭按钮 DIV 弹出窗口的方法 * JavaScript 实现弹出窗口效果

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    ### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...

    弹出层iframe

    总结来说,"弹出层iframe"是一种常见的网页交互设计手法,通过IFRAME在弹出窗口中展示内容。该压缩包提供的资源包括了实现这一功能所需的HTML、CSS和JavaScript文件,以及详细的使用说明,可以帮助开发者快速理解和...

    JS 非常棒的弹出窗口接口程序ymPrompt-4.0

    总结来说,ymPrompt-4.0是一个强大的JavaScript弹出窗口解决方案,它提供了丰富的功能和高度的可定制性,适用于各种类型的网页应用。无论是简单的提示信息还是复杂的表单操作,ymPrompt都能轻松应对,为开发者带来...

    js实现动画效果的弹出窗口

    总结来说,"js实现动画效果的弹出窗口"是一个巧妙结合了JavaScript、Prototype库以及动画技术的Web开发实例。它展示了如何利用这些工具和技巧来创建一个既美观又实用的弹出窗口,为用户提供丰富的交互体验。通过深入...

    一个在网页中弹出窗口选择列表的不错的实例

    Thickbox是一个基于Jquery的轻量级插件,它提供了全屏弹出窗口的功能,常用于图片预览、iframe嵌入或任何需要在一个独立的、半透明的背景层上显示的内容。Thickbox具有自定义配置选项,如尺寸、样式和行为,使得它...

    在一个网页中间弹出窗口

    ### 在网页中间弹出窗口的知识点解析 #### 一、网页弹窗的实现方式与应用场景 在现代网页设计中,弹窗(模态对话框)是一种常见的交互元素,用于显示临时性的信息或提示用户进行某种操作。弹窗的实现不仅能够提升...

    02._弹出窗口全解析

    ### 弹出窗口全解析:深入理解`window.open`与相关技术 在现代网页开发中,弹出窗口是一个常见的功能需求,它不仅用于显示额外的信息,还常被用于登录、注册、广告展示等场景。本文将全面解析弹出窗口的实现机制,...

    【JavaScript源代码】JS如何实现在弹出窗口中加载页面.docx

    弹出窗口需要居中显示,并且包含标题、关闭按钮以及一个iframe元素用于加载页面内容。 ```javascript function ShowBox(title, url, width, height) { ShowMask(); // 显示遮罩层 var divBox = $("&lt;div&gt;&lt;/div&gt;")...

    thickBox 基于jquery的超轻量级插件,点击图片、登陆、等类似弹出窗口,

    总结,`ThickBox`作为一个基于jQuery的弹出窗口插件,凭借其易用性、灵活性和广泛的媒体支持,成为了许多Web开发者的选择。通过理解和掌握`ThickBox`的工作原理及使用方法,可以提升网站的交互性和用户体验。

    js弹出窗口返回值

    ### JS弹出窗口返回值详解 #### 一、前言 在前端开发中,经常会遇到需要弹出新窗口并从该窗口返回数据的情况。本文将详细介绍`window.opener`对象的使用方法及其应用场景,帮助开发者更好地理解如何实现弹窗与主...

    jQuery在iframe中无法弹出对话框的解决方法

    总结上述知识点,当在iframe中无法弹出对话框时,可以尝试以下步骤来解决: - 确认iframe和父窗口是否同源,如果不是同源,那么在大多数现代浏览器中,即使使用parent对象也无法实现跨域通信。 - 如果同源,确保在父...

    03_iframe处理, 多窗口调度1

    这通常发生在需要在不同页面间跳转或者处理弹出窗口的情况。`window_handles` 属性可以返回当前浏览器实例所有窗口的句柄列表。我们可以使用这些句柄来切换窗口。例如,打开一个新的窗口后,我们可以通过以下方式...

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    这样的需求通常出现在需要创建弹出窗口或对话框的场景,其中用户可以与特定的内容进行交互,而不会被其他元素遮挡。同时,还需要能够将页面上的数据传递到这个弹出的`div`页面中。 首先,理解`iframe`的基本概念至...

Global site tag (gtag.js) - Google Analytics