最近因项目需求,需要在JS代码中实现IFrame内外页面的互访问。经过一番试验终于找到方法,以下是试验时用的代码(在IE,Firefox中可正常运行):
main.html
<!----> 1 <html>
2 <head>
3 <title>MAIN</title>
4 <script type="text/javascript">
5 // 主页面访问IFrame页面DOM内容
6 function oinit() {
7 alert(getIFrameDoc("iframe1").getElementById("idiv").id);
8 }
9 function getIFrameDoc(id) {
10 var iframe = document.getElementById(id);
11 var doc = (iframe.contentWindow || iframe.contentDocument);
12 if (doc.document) {
13 doc = doc.document;
14 }
15 return doc;
16 }
17 </script>
18 </head>
19 <body onload="oinit()">
20 <div id="odiv">
21 <iframe id="iframe1" src="iframe.html"></iframe>
22 </div>
23 </body>
24 </html>
iframe.html
<!----> 1 <html>
2 <head>
3 <title>IFRAME</title>
4 <script type="text/javascript">
5 // IFrame页面访问外层页面DOM内容
6 function iinit() {
7 alert(window.parent.document.getElementById("odiv").id);
8 }
9 </script>
10 </head>
11 <body onload="iinit()">
12 <div id="idiv">
13 </body>
14 </html>
分享到:
相关推荐
在Windows XP操作系统中,掌握一些实用的技巧和攻破方法能极大地提高用户的使用效率和安全性。以下是一些根据提供的文件名推断出的知识点: 1. **U盘美化教程**: Windows XP用户可以通过自定义设置来美化U盘,包括...
攻城略地 之 一天攻破K60.mmap 思维导图文件
根据给定文件信息,以下是对标题《攻破C语言笔试与机试难点V0.31》及描述《攻破C语言笔试与机试难点,规范代码》中知识点的详细说明: C语言作为一种广泛使用的编程语言,其笔试和机试环节常常是求职者和学生面临的...
【野火一天攻破k60全部示例程序.7z】这个压缩包文件是针对初学者设计的,旨在帮助他们快速掌握K60微控制器的编程知识,以及使用IAR Embedded Workbench集成开发环境(IDE)进行软件开发。K60是NXP半导体公司推出的高...
最新的飞思卡尔电磁组设计方案,相信对大家会有帮助
朱兆祺教你如何攻破C语言学习、笔试与机试的难点(全)找工作笔试c宝典
从给定的文件信息来看,这篇文档主要介绍了如何快速上手并应用K60与KL26单片机,尤其强调了Kinetis系列单片机的开发,以及初学者如何通过使用山外K60/KL26库来简化开发过程。以下是详细的知识点说明: ...
但是,根据标题“最新攻破的SF地址”以及描述“最新攻破的SF地址,绝对好”,我们可以推测这可能指的是某个系统或网络服务的安全漏洞被发现,有人成功找到了绕过其安全措施的方法。在IT行业,尤其是网络安全领域,这...
非常好的工具,全新阿D超强攻破版!!!有全新加密技术,反连接加密扫描
该文档描述了一些Flink常见的技术难点攻破经验,从demo演示开发再到生产环境问题排查和问题解决以及最后的实战应用,都有非常好的指导作用
新东方老师的八天攻破8000单词,让你真正成为单词高手
《CSS学习全攻破》 CSS,全称Cascading Style Sheets,中文称为层叠样式表,是Web设计中不可或缺的重要部分。它是一种用于描述HTML或XML(包括各种XML方言,如SVG、XHTML等)文档样式的样式表语言。CSS的出现极大地...
2013高考英语 最后冲刺精准攻破复习死角 形容词
穷举PIN码攻破无线路由器的安全防护
用“暴力破解”攻破你的成长问题.docx
实用,操作更方便,界面更友好的英语背单词工具——“攻破单词”。 通过对此工具的使用,可以节省很多时间,提高记忆效率,加强学习上的灵 活性,使记忆、测试和查单词等各方面都很方便、轻松、快捷,相信它更能满足...