六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 107|回复: 0

攻破iframe围城

[复制链接]

升级  31.33%

23

主题

23

主题

23

主题

秀才

Rank: 2

积分
97
 楼主| 发表于 2013-2-7 19:16:39 | 显示全部楼层 |阅读模式
攻破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
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表