iframe及弹出窗口总结

(精)在ASP.NET中使用IFRAME+DIV,可以实现在同一页面使用弹出(模态)窗口       我们经常要在程序的人机交互中用到弹出(模态)窗口,但在B/S开发中,这一点就非常不容易了, 虽然我们可以用window.showModalDialog,或者 window.open 这类型的脚本函数实现,但是,非常不好用,一方面涉及回传值,另一方面不能够很好的实现父页面与子页面的交互,一般只能通过在脚本中实现,方可交互,而且使用这种方式,会产生多个页面,对用户操作不友好.     基于 阅读详情
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。

跨浏览器兼容弹出窗口和iframe解决方案 在互联网应用中,弹出窗口(Popup Window)是一种常见的交互形式,用以向用户展示额外的信息而不离开当前页面。它通过JavaScript创建一个新的浏览器窗口或标签页,并在其中加载指定的网页内容。实现弹出窗口的方式多种多样,包括使用HTML的<button>元素配合onclick事件、纯JavaScript的方法,或是第三方库如jQuery UI的对话框功能。iframe,即内联框架,是一种在网页中嵌入另一个HTML文档的Web技术。 阅读详情

相关推荐

用nTopology五分钟生成三维Voronoi泡沫:节点式建模从原理到实操

多孔结构在增材制造与轻量化设计中应用广泛,其中Voronoi泡沫因其优异的缓冲吸能和比刚度表现备受关注。传统CAD建模需处理复杂布尔运算和网格修复,而隐式建模通过数学场描述几何体,将空间距离与密度分布转化为可视化节点,大幅降低操作门槛。nTopology基于场驱动与参数化逻辑,无需编写命令,即可实时调节胞元尺寸、壁厚及随机种子,快速生成可打印的泡沫实体。这种工作流适用于缓冲垫、医疗植入体、航空支架等场景,也为梯度密度结构与力学仿真验证提供了高效路径。本文围绕三维Voronoi泡沫的生成原理与节点操作流程,详

weixin_26767391的博客 147

iframe里阻止页面新窗口打开/不允许跳出的方法

iframe嵌入的网站,如果有_blank新窗口打开的链接,会跳出iframe框架,如何防止跳出呢?Ps:经测试还有些不完美,新窗口打开的链接是不会跳出了,但也不会跳转了(通俗讲就是链接死了)。朋友们如果有更好的解决方案,可评论区留言交流。HTML5新特性中的sandbox属性。

仿站、源码搭建/迁移技术博客 5880

MitoZ|动物线粒体基因组组装注释软件

一、MitoZ是什么 是基于python3开发的可以自动过滤双端测序的原始数据、mt基因组组装、mt基因组注释以及mt基因组可视化的工具。 官方的说明文档地址:https://gitee.com/CHANyp/MitoZ#citation 二、MitoZ的安装 git clone https://gitee.com/CHANyp/MitoZ.git cd MitoZ/version_2.4-alpha tar -jxvf release_MitoZ_v2.4-alpha.tar.bz2 三、运行Mito

qq_50637636的博客 1万+

iframe/window.open/a三种标签打开新页面或新窗口设置请求头;实现免密登录

iframe/window.open/a三种标签打开新页面或新窗口设置请求头

weixin_42342065的博客 1万+

C++碰撞检测库FCL安装(MinGW,CMake)

FCL碰撞检测库、libccd\Eigen库编译配置,全流程问题记录

weixin_45650767的博客 4673

从原理到实战:ARS548 4D毫米波雷达数据处理与多模态融合全解析

本文深入解析了4D毫米波雷达ARS548的工作原理与数据处理全流程。从FMCW测距测速、MIMO虚拟天线阵列到点云生成的三步FFT处理,提供了详尽的Python代码实现。文章进一步探讨了与激光雷达、相机的多模态时空对齐与融合策略,并指导如何构建用于自动驾驶感知训练的多模态标注数据集,为相关算法工程师提供了从理论到实践的完整指南。

weixin_29161719的博客 364

JS如何打开新的页面、服务中使用iframe如何改变iframe的路径、iframe页面如何让整个父页面跳转、window.open()方法详解

方法是 JavaScript 中的一个内置方法,用于在浏览器中打开一个新的窗口或标签页。需要注意的是,由于弹出窗口的滥用已经成为了一个安全问题,现代浏览器通常会默认阻止 window.open() 方法的调用,除非是在用户的交互下触发的。因此,在实际的开发中,我们需要谨慎使用这个方法,避免被浏览器误认为是恶意行为。

马脸男的博客 4941

RK3588设备树调试实战:解决NPU不加载、USB3.0识别异常与DP显示问题

本文深入探讨了RK3588设备树调试中的三大典型问题:NPU不加载、USB3.0识别异常与DP显示问题。通过详细的问题定位步骤、关键设备树修改和调试技巧,帮助开发者快速解决硬件适配中的挑战,提升RK3588平台的开发效率。

weixin_30576827的博客 474

iframe中链接新窗口打开

对于iframe不能在新窗口打开 <iframe id="myiframe" src="http://localhost:8080/Login.aspx" scrolling="no"></iframe> 1.添加 target="_blank" <a href="http://localhost:8080/HTMLPage.htm" target="_blank">This Page Link</a> 2.javascript window.locati

ResumeProject的博客 7545

ASPICE标准快速掌握「总目录」

欢迎大家来到雪云飞星的《ASPICE标准快速掌握》,开始前博主先列出本专栏学习的大纲,同时这也可以作为大家学习ASPICE协议知识点的参考。本专栏可以帮助大家快速掌握如何在项目中使用ASPICE,ASPICE的学习通常仅需要半天时间左右,掌握方法后完全就可以结合快查表来指导具体项目的质量提升了。

雪云飞星的博客 3008

小红书直播弹幕采集

本文主要介绍小红书直播间弹幕的采集,便于进行直播数据监控与直播数据进行分析。

tdl320721的博客 2539

html 在框架里弹出页面,iframe弹出新窗口 iframe页面打开新窗口问题

如何使iframe中的链接都在新窗口打开a.html文件源码如下 如何让所有链接在新窗口打开2008-07-24 21:26使用target="blank"属性 open 注意:XHTML 1.1 规范已经不支持“target='_blank'页面上所有的链接都在新窗口打开 在区加入base代码:利用expression来执行javascript语句。jquery添加双击事件,双击后弹出一个新...

weixin_29997223的博客 7341

智慧社区:安防系统解决方案

智慧社区:安防系统解决方案

s13166803785的博客 431

html中嵌套iframe框架弹出窗口和 HTML中弹出div

因为项目需要,我需要一个iframe嵌套一个弹出的窗口,使得父窗口不能点击;需要一个弹出一个div区域来进行对一些内容的修改,花了一天时间实现了这些效果。 html文件: &lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="utf-8" /&gt;         &lt;title&gt...

zhangyani_502000的博客 1万+

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

layui弹出层之layer.open弹出iframe窗口·

layui弹出层之layer.open弹出iframe窗口· layer.open弹出iframe窗口 【1】该功能为案例,弹出iframe窗口显示上传数据 由于layui的弹出层每次执行layer.open({})都会弹出新的iframe窗口,它不会帮你判断是否弹出相同的iframe窗口,使用只能自己手动判断,禁止在已有iframe窗口下,再次使用layer.open({})创建...

懒虫翻身的博客 3万+

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

python如何判断是否有弹出框_pythonselenium如何确定它是一个窗口、iframe还是弹出窗口...

我正在尝试使用Python Selenium Webdriver自动化一些测试用例。我点击一个按钮打开一个新窗口/iframe/popup。它需要在文本框中添加一些数据,然后从下拉框中选择一些数据。我有两个问题我怎么才能从Mozilla的壁炉里找到一个window/iframe/popup?在怎么拿到把手?在这是当我选择新窗口/iframe/popup(图像附加)时在firepath中看到的xpa...

weixin_39639653的博客 1676

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

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

工作中web前端碰到一些弹出窗口问题:利用iframe解决,优化代码的视觉效果

qq_16872369的专栏 7981

用iframe实现弹出窗口

S弹出一个网页对话框,页面背景全变灰。现将这个页面以iframe内嵌在另一页面中,此时弹出效果为页面只能遮盖住这个iframe,不能遮盖住整个页面。请问有什么解决方案?试了将他放在父窗口中但总是不行,请高手指点.以下为代码,c.html所在的FRAME可以变为灰,但是并不是我想的想个页面变灰,请高手修改: ----------------------a.html: 框架

a_water_drop的专栏 2643

页面不刷新,表单提交到弹出窗口或Iframe

提交到弹出窗口:             document.form1.action = "Save.aspx";             window.open("", 'win', 'width=420px,height=300px,resizable=yes,top=50px,left=200px,toolbar=no, menubar=no, location=no, status

u010716097的专栏 426

弹出窗口中刷新父页面中的iframe中包含的页面

js实现iframe刷新

riyuecao316的专栏 5838

javascript(js)iframe里的页面调用父窗口js函数的方法或弹出窗口调用父窗口js函数的方法

<br />其实js调用父窗口函数的情况有两种:<br />第一种是常用的iframe:<br />我以子窗口调用父窗口的函数发送到fckeditor编辑器的为例说明,只需简单三行:<br /><SCRIPT language=javascript><br />parent.functioncall();//functioncall为函数<br /></SCRIPT><br />addattach():父页面里的一个js函数,功能是发送内容到编辑器:<br /><br />function addattac

[赣]无言 2963

Layui 主窗口调用 iframe 弹出框模块,获取控件的相应值

Layui 主窗口调用 iframe 弹出框模块,获取控件的相应值前言table组件使用open弹框时,iframe模式下,主窗与iframe窗口模块相互调用问题附注 前言 最新使用layui,开发一个新的系统,layui界面美观,控件相对齐全,以前一直使用easyui来进行后台管理系统的开发,easyui的控件之强大只有使用过的人才知道。换layui后碰到N多问题,在这里记录一下,也提供给跟我一样碰到问题的小伙伴们,大家一起进步。 table组件 用过easyui的小伙伴门都知道,datagrid的控件功

u011183419的博客 1248

打开一个iframe,从iframe更改父窗口parent里面的内容,jquery弹出窗口插件fancybox的使用...

fancybox 可以很方便的弹出图片,iframe页面 使用方法:1: 添加jquery库,fancybox脚本和css文件 1: <script type="text/javascript" src="../js/jquery-1.5.2.min.js"></script> 2: 4: <!-- Ad...

374
上一篇: 出租司机给我上的MBA课(转载)
下一篇: 装饰Servlet Request对象(servlet filter)
YuigAzul
博客等级 码龄21年 0粉丝 10原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值