iframe及弹出窗口总结

原创 2006年06月19日 17:21:00
1。打开窗口:
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。

jsp页面点击弹出iframe弹框,并传值到后台

首先在jsp页面按钮绑定一个函数如下:  function openwindow(id,endDate){                     layer.open({         ...
  • alex_mmg
  • alex_mmg
  • 2017年09月08日 21:37
  • 199

jquery插件封装:弹出iframe模式框

在web开发过程中我们经常需要弹出Iframe页面来加载另外一个页面来显示操作或显示数据,在关闭iframe后又是需要执行某一个回调函数。以下插件能够以较少的代码实现该功能并具有较好的扩展性。下...
  • oTengYue
  • oTengYue
  • 2015年08月30日 21:13
  • 4696

DIV+IFrame实现页面弹出窗口

DIV+IFrame实现页面弹出窗口
  • u011499992
  • u011499992
  • 2016年01月31日 19:22
  • 9286

关于点击按钮弹出iframe窗口的前端代码

工作中web前端碰到一些弹出窗口问题:利用iframe解决,优化代码的视觉效果
  • qq_16872369
  • qq_16872369
  • 2015年01月15日 15:36
  • 3138

window弹出框在iframe之外显示

Ext.net 使用了tab 控件,但是加载的时候用的iframe,导致里面如果有window弹出框,并且要全屏显示的时候,不能跳出iframe显示。 function addMainTab(ta...
  • fax5201314
  • fax5201314
  • 2014年12月19日 12:12
  • 6110

iframe及弹出窗口总结

1。打开窗口:Code:var handle = window.showModalDialog(url, objects, feathers);其中:objects可以为参数(包括数组),也可以是对象...
  • YuigAzul
  • YuigAzul
  • 2006年06月19日 17:21
  • 2824

form表单提交返回页面alert弹窗提示

//在action方法中,方法的返回里 HttpServletResponse response=ServletActionContext.getResponse(); response.setC...
  • alan3494
  • alan3494
  • 2017年12月04日 15:59
  • 177

弹出框式聊天窗口中含有iframe的拖拽问题

最近项目中遇到一个问题,在一个div里面包含iframe,通过拖拽iframe的一部分来改变div的位置,所有的代码已经写好,但是就是移动不了div,移动的话也是一闪一闪的,网上看了很多资料,最终得出...
  • Academia_zhen
  • Academia_zhen
  • 2017年02月09日 12:07
  • 578

easyui弹出框在最顶层显示跳出iframe框架js代码

var html = ""; var win = window.top.$(html).appendTo(window.top.document.body); win.window({...
  • kayuejian
  • kayuejian
  • 2015年03月11日 18:44
  • 1450

提交form表单后关闭Iframe弹窗并刷新父级页面

要iframe弹窗的form标签内设置 target="_parent"  eg:   target="_parent"   > 在checkAll()中加入方法 window.o...
  • fitherzhu
  • fitherzhu
  • 2017年04月07日 11:18
  • 1822
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iframe及弹出窗口总结
举报原因:
原因补充:

(最多只允许输入30个字)