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

Sharpleo · 发表于 2013-2-7 20:41:43

今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数仅需 [ parent.window.你的函数 ] 就可以了 DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作选中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="查看子页面数据" /><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="显示父页面数据" /></body></html>

		自动登录	找回密码
密码			立即注册