HTML框架IFrame下利用JS在主页面和子页面间传值
下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数 仅需 [ parent.window.你的函数 ] 就可以了
DOM方法:
父窗口操作IFRAME:window.frames["iframeSon"].document
IFRAME操作父窗口: window.parent.document
jquery方法:
在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(”:text”);
在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:text”);
iframe框架的HTML:<iframe src=”test.html” id=”iframeSon” width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”></iframe>
细心的朋友一下就能理解,原理其实很简单,就是用到了$(DOM对象)转换成jquery对象。
例子:
主页面
<title>主页面</title>
<script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function showSubValue(){
//var v = window.frames[0].document.getElementById("subdiv1").innerHTML;
//alert(v);
// http://hi.baidu.com/bigideaer/blog/item/780337e6af39933d2df534ff.html
var o = $(window.frames[0].document).find(":div#subdiv1");
alert(o.html());
}
</script>
</head>
<body>
<div id="mainDiv">主页面测试数据</div>
<input type="button" value="查看子页面数据" onclick="showSubValue();"/>
<iframe src="sub.html" width="300" height="300"></iframe>
</body>
</html>
子页面:
<script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script>
<title>子页面</title>
<script type="text/javascript">
function showMainValue(){
//dom方式
//var v = window.parent.document.getElementById("mainDiv").innerHTML;
//alert(v);
//window.parent.document.getElementById("mainDiv").innerHTML = "修改后的主页面数据";
//jquery方式
var o = $(window.parent.document).find(":div#mainDiv");
alert(o.html());
}
</script>
</head>
<body>
<div id="subdiv1">子页面测试数据</div>
<input type="button" value="显示父页面数据" onclick="showMainValue();"/>
</body>
</html>
相关推荐
本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html <!DOCTYPE html> <...
主要介绍了使用JS在父页面和子页面间相互传值方法,子页面可以是window.open弹出的,也可以是iframe框架中的页面,需要的朋友可以参考下
自己写的一段jquery小代码,实现了jquery的页面传值功能,代码已经编译运行通过,请各位大侠指教!
内容索引:脚本资源,HTML,框架传值 iFrame 框架在多页面间相互传值的实例,这个例子我觉得很实用,相信有不少朋友都遇到过,在嵌套页面与被嵌页面间传值,是个棘手问题,曾经也让我束手无策,现在好了,这个实例可帮...
iframe父向子传值实例完美解决跨域问题,遇到此问题的小伙伴快下载解决问题吧! gogogogogo!
对于Iframe的父窗体与子窗体互相传值
iframe子向父传值实例完美解决跨域问题,遇到此问题的小伙伴快下载解决问题吧! gogogogogo!
js 实现iframe 之间传值
MVC实现iframe弹窗传值,实现弹窗,iframe传值
NULL 博文链接:https://skying007.iteye.com/blog/1044069
NULL 博文链接:https://747017186.iteye.com/blog/1985110
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
最近搞一个需求有关js跨域弹窗传值,问题是这样的:有两个网站分别为www.b.com、www.a.com 在B网站B.htm嵌入A网站的A.htm页面,在A.htm页面要从弹出的AA.htm页面获取一个值(产生跨域问题,AA.htm页面要弹出到B网站)...
iframe 子父界面 传值使用
这种方式,是主页面需要给 iframe B 传递数据,然后 iframe B 获得到数据后进行特定的处理 实现方式 实现的技巧就是利用 location 对象的 hash 值,通过它传递通信数据,我们只需要在主页面A中设置 iframe B 的 src...
父子窗体之间传值iframe之间的相互操作,还有sturts2指定跳转的页面。
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
一个页面内的多个iframe之间相互传值 ,相互调用js的例子,帮助大家更加好的利用这个小例子。附上源码。
HTML 折叠框架 iframe 点击可收缩
1.在iframe子页面中获取父页面的元素: a>window.parent.document这个是获取父页面document中的对象; b>如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 2.在父页面中获取iframe子页面中...