原文地址:http://www.cnblogs.com/hxling/archive/2011/07/01/2095252.html
近期 在群中有一个网友总是在纠结这个问题,很多朋友也给出了解决方法,可能不是很深入而该网友的经验可能还差那么一点点。所以我决定为了摆脱其无休止的“纠缠”,就写了小例子给他,现在跟大家分享下,有遇到这种情况的朋友可以参考下,下面是具体实现过程
首先在首页也就是父页面中加一个空DIV容器。如:<div id="pwin"></div>
子页面中的内容如下:
html:
?
<input type='button' id="btna" value="在父级弹出窗口" >
<div id="d" style="display:none;">
<input type="text" name=""><br>
<input type="text" name="">
<input type="submit" value="提交">
</div>
js:
?
var $parent = self.parent.$;
$(function(){
$('#btna').click(function(){
$parent('#pwin').window({
modal:true,
width:300,
height:200,
content:$('#d').html(),
title:'父级窗口'
});
})
})
到这里就结束了,简单吧,其实大家在做时候会发现,如果页面中要操作的表单很多,这样页面中就会出现很隐藏的DIV,页面看起来很零乱,所以大家可以表单中的HTML放单独的HTML文件中,利用window的href属性加载表单,这样一来,页面就清晰很多了,大至代码会像下面这样:
?
var $parent = self.parent.$;
$(function(){
$('#btna').click(function(){
$parent('#pwin').window({
modal:true,
width:300,
height:200,
href:'xxxx.html',
title:'父级窗口',
onLoad:function(){
//在此加入表单初始化的相关代码。
}
});
})
})
<script type="text/javascript">
var $parent = self.parent.$;
$(function(){
$('#btna').click(function(){
$parent('#pwin').empty();
$parent('#pwin').window({
modal:true,
width:300,
height:200,
href:'xxxx.html',
title:'父级窗口',
onLoad:function(){
//在此加入表单初始化的相关代码。
}
});
})
})
</script>
打开之前清空一下,就可以对 pwin 的复用了。
分享到:
相关推荐
MVC实现iframe弹窗传值,实现弹窗,iframe传值
iframe弹出框遮罩父类页面,进去之后直接打开demo里面的layout.html 页面看效果,然后查看代码;才方法不需要将子类的js 及弹出框的代码写在父类里面,依旧是写在子类页面里面
本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html <!DOCTYPE html> <...
主要介绍了在vue中实现嵌套页面(iframe),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
layer弹窗:top.layer弹窗到父页面跨域,通过postMessage方法将子页面的配置对象发送到父页面中,父页面再通过子页面的配置对象打开弹窗,对象内不能存在事件。
使用iframe实现点击导航页面无刷切换,使用bootstrap布局
就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
JavaScript实现IFrame子窗口调用父窗口的全局变量
jquery 查找iframe父级页面元素的实现代码,学习jquery的朋友可以参考下。
asp.net 中使用iframe动态加载页面
使用iframe实现图片上传以及上传后的本页面无刷新展示。运行环境是php和jq
NULL 博文链接:https://747017186.iteye.com/blog/1985110
问题:在index.html 中,iframe 引入son.html,在son.html 中如何点击某个操作,实现屏蔽整个页面,并弹出要显示的层? 准备: index.html son.html 思路: 一:index.html中iframe引入son.html , 复制代码代码...
这是关于iframe使用过程中出现的问题整理的解决方法,关于使用iframe不用单独写接口打通数据,直接把数据通过ifarme嵌套方法传递过去,使用简单方便。
以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...
自己改写的js弹出div层模拟alert 可以自定义样式 在iframe框架中使用 避免了覆盖层只覆盖子页面的问题
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
NULL 博文链接:https://13813962825.iteye.com/blog/2067021