当前位置: 代码迷 >> Web前端 >> iframe有关页面的调用
  详细解决方案

iframe有关页面的调用

热度:137   发布时间:2012-10-27 10:42:26.0
iframe相关页面的调用
参考链接:
1 iframe里面的页面调用父窗口,左右窗口js函数的方法
  http://nyazheng.blog.163.com/blog/static/57126465200942293956884/

2 父窗口调用iframe子窗口方法
  通常方式:
<iframe name="myFrame" id="myFrame" src="child.html"></iframe>

  A方式: 
myFrame.window.functionName()
;
  B方式:
document.getElementById('myFrame').contentWindow.functionName()
;//推荐这种方式.

3 iframe子窗口调用父窗口方法
A 调用父窗口的方法:    
parent.functionName()
;
B 设置父窗口的值   :   
parent.formId.value='test
';

4 调用子iframe中相关方法
如下:
<frameset id="A" name="A" rows="36,*" border="0" frameborder="0" >
   <frame id="B" src="" noresize scrolling="no"/>
   <frameset id="C" cols="0,*">
	   <frame id="C1" src="" noresize scrolling="no"/>
	   <frame id="C2" noresize scrolling="no"/>
  </frameset>

获取A中iframe并调用
var fs = window.frames["P_A"].window.frames["A"].document.getElementsByTagName("frame");
var leng = fs.length;   
var fid = 'test1';
  for(var i=1;i<fs.length;i++){
       if(fid == fs[i].id){
         alert("存在调用的iframeID");
       }
} 
  
假设是从父窗口调用.
var PA= window.frames["P_A"];       
PA.frames["A"].document.getElementById(fid).contentWindow.functionName();

  相关解决方案