在Iframe中调用子页面的Js函数

在Iframe中调用子页面的Js函数

调用IFRAME子页面的JS函数

说明：假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。 
我们现在要做的就是： 
1.在index.html中调用inner.html上的一个js方法 
2.在inner.html中调用index.html上的一个js方法 

实现代码如下： 

index.html 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

< html >  < head >  < script  type = "text/javascript" >  function ff(){  alert(">>this is index's js function  index.html");  }  </ script >  </ head >  < body >  < div  style = "background: lightblue;" >  This is index page.  < input  type = "button"  value = "run index's function"  onclick = "ff();"  />  < input  type = "button"  value = "run inner page's function"  onclick = 'window.frames["childPage"].sonff();'  />  </ div >  < iframe  id = "childPage"  name = "childPage"  src = "inner.html"  width = "100%"  frameborder = "0" ></ iframe >  </ body >  </ html >

inner.html 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

< html >  < head >  < script  type = "text/javascript" >  function sonff(){  alert(">>this is inner page's js function");  }  </ script >  </ head >  < body >  < div  style = "background: lightgreen;" >  This is inner page.  < input  type = "button"  value = "run index's function"  onclick = 'parent.window.ff();'  />  < input  type = "button"  value = "run inner page's function"  onclick = "sonff();"  />  </ div >  </ body >  </ html >

来源：

http://blog.163.com/zhao_jinggui/blog/static/169620429201010304751722/

JavaScript跨域脚本调用（iframe方式）

http://www.cnblogs.com/guohui/archive/2012/02/24/2366860.html

   本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/1592620，如需转载请自行联系原作者