|
攻破iframe围城
最近因项目需求,需要在JS代码中实现IFrame内外页面的互访问。经过一番试验终于找到方法,以下是试验时用的代码(在IE,Firefox中可正常运行):
main.html
<html><head> <title>MAIN</title> <script type="text/javascript"> // 主页面访问IFrame页面DOM内容 function oinit() { alert(getIFrameDoc("iframe1").getElementById("idiv").id); } function getIFrameDoc(id) { var iframe = document.getElementById(id); var doc = (iframe.contentWindow || iframe.contentDocument); if (doc.document) { doc = doc.document; } return doc; } </script></head><body > <div id="odiv"> <iframe id="iframe1" src="iframe.html"></iframe> </div></body></html>
iframe.html
<html><head> <title>IFRAME</title> <script type="text/javascript"> // IFrame页面访问外层页面DOM内容 function iinit() { alert(window.parent.document.getElementById("odiv").id); } </script></head><body > <div id="idiv"></body></html>
from:http://www.blogjava.net/jarod/archive/2006/08/25/65850.html |
|