首 页 行业资讯 新车 试驾评测 养车用车 车型库

弹出层遇到iframe怎么办

发布网友 发布时间:2022-04-23 13:18

我来回答

1个回答

热心网友 时间:2022-05-13 19:41

js如何获取最外层的网页  : window.top就表示最顶层的窗口

如何取得最外层页面弹出层的返回值:

父窗口调用iframe子窗口方法

<iframe name="myFrame" src="child.html"></iframe> 
myFrame.window.functionName();

 

iframe子窗口调用父窗口方法

parent.functionName();

父窗口页面

 

<html>   
  <head>   
  <script   type="text/javascript">   
  
  function say() {
   alert("parent.html------>I'm at parent.html");
   } 
  
  function callChild()
  {   
   //document.frames("myFrame").f1();
   myFrame.window.say();
  }   
  </script>   
  </head>   
    
  <body>     
  <input   type=button   value="调用child.html中的函数say()" onclick="callChild()">  
  <iframe name="myFrame" src="child.html"></iframe> 
  </body>   
  </html>

 

子窗口页面

<html>   
  <head>   
  <script  type="text/javascript">
      
  function say()   
  {   
          alert("child.html--->I'm at child.html");   
  } 
  
  function callParent() {
   parent.say();
   }  
  </script>   
  </head>   
  <body>   
  <input   type=button   value="调用parent.html中的say()函数"   onclick="callParent()">   
  </body>   
  </html>

参考资料:

1.《SNS平台与第三方APP的JS通信实现》 作者:Springwang。

http://ued.sohu.com/article/518

2.iframe父子窗口间js方法调用  作者:moreorless。
   http://blog.csdn.net/moreorless/article/details/2514987

3.IFrame问题汇总  作者:dengwf
  http://www.cnblogs.com/200325074/archive/2011/01/06/19244.html

4.嵌入式iframe子页面与父页面js通信方式  作者:ljhero
 http://www.cnblogs.com/ljhero/archive/2011/07/09/2101540.html

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com