首页 > 其他 > 详细

iframe间的通信

时间:2015-08-13 11:24:03      阅读:205      评论:0      收藏:0      [点我收藏+]

父框架

技术分享
 1 <body></body>
 2 <script type="text/javascript">
 3 document.domain = 100bt.com;
 4 var ifr = document.createElement(iframe);
 5 ifr.src = http://www.100bt.com/b.html;
 6 ifr.style.display = none;
 7 document.body.appendChild(ifr);
 8 function alertA(str){
 9     alert(str);
10 }
11 ifr.onload = function(){
12     var doc = ifr.contentDocument || ifr.contentWindow.document;//获取子框架b的document
13     ct = ifr.contentWindow;//获取子框架的window,可用作跨域使用
14     // 在这里操纵b.html
15     
16     alert(doc.getElementsByTagName("h1")[0].childNodes[0].nodeValue);//使用子框架b的document内容
17     ct.log(doc);//使用子框架b的方法
18 };
19 </script>
View Code

子框架

技术分享
1 <h1>xxd</h1>
2 <script type="text/javascript">document.domain = 100bt.com;
3     function log(str){
4         console.log(str);
5     }
6     var p = window.parent //获取父框架a的window对象
7     p.alertA("paere")    //使用父框架的方法
8 </script>
View Code

 

页面打开效果(大概也能拿猜出来):

子框架使用父框架a的脚本弹出内容

 

技术分享

弹出子框架b的h1内容

技术分享

 

 

父框架a打印子框架的内容

技术分享

iframe间的通信

原文:http://www.cnblogs.com/peace1/p/4726370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!