js ifram 字窗口与父窗口之间的dom访问

最新推荐文章于 2018-09-30 09:58:00 发布

kingschan

最新推荐文章于 2018-09-30 09:58:00 发布

阅读量198

点赞数

分类专栏： js 文章标签： jquery html parent javascript 框架 ViewUI

本文链接：https://blog.csdn.net/kingschan/article/details/84239214

版权

js 专栏收录该内容

62 篇文章 0 订阅

订阅专栏


今天写的程序涉及到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”& gt;</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.getElementByIdx_x("subdiv1").innerHTML;
//alert(v);

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.getElementByIdx_x("mainDiv").innerHTML;
//alert(v);

//window.parent.document.getElementByIdx_x("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>

kingschan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js ifram 字窗口与父窗口之间的dom访问

[code="html"]今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数仅需 [ parent.window.你的函数 ] 就可以了 DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.p...
复制链接

扫一扫