A-A+

js中iframe调用父页面实现代码

2016年10月15日 web前端设计 暂无评论 阅读 5 views 次

子页面调用父页面的方法在js中很容易实现我们在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了

比如调用a()函数,就写成:window.praent.a();

但是我在chrome浏览器下却发现此方法无效了,在父页面中调用该函数,代码如下:

  1. <script>  
  2. function dey() {  
  3. var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字        
  4. cards_frame.checkedCard()             //调用iframe中定义的方法,把内嵌页面的值传到父页面  
  5. }//xiariboke.com  
  6. </script>  

2)在iframe 中调用 父页面定义的方法,代码如下:

  1. function alert_window(picurl,h_id)   
  2. {   
  3. document.parentWindow.parent.msg(picurl,h_id);   
  4. }  

msg()为父窗口定义的函数.card-iframe是iframe框架的id,b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对象,IE下可以省略。

给我留言