在同一个页面中的一个iframe中用js获取另一个iframe的dom

补充资料转自:http://www.cnblogs.com/superfeeling/archive/2011/09/14/2176435.html

 

补充资料
1.opener:指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
2.top:
该变更永远指分割窗口最高层次的浏览器窗口。
3.parent:
该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第3层的分割窗口可以用parent变量引用第2层窗口,用top引用顶层窗口。
对于窗体中的frame和iframe加载的页面元素来说。parent 返回的时包含该iframe的页面窗口引用,top则返回最上层的窗口引用,self当然返回的仍然是自身的引用。
4. self,window都是获取当前页面窗口自身对象的引用

使用document.getElementById("IframeA")取到的是iframe标签对象,通过该对象可以获取iframe的各个属性,例如src、frameborder、style等,但是不能获取到iframe所包含的子页面的各个对象。;

使用document.frames("IframeA")取到的是iframe组件对象,通过该对象可以获取到iframe所包含的页面的子页面的各个对象,例如子页面的window对象,但是不能获得iframe标签得各个属性,例如上面说到的src等

1.html




2.html


用户名:





附:Window对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系:Windwo对象→Parent对象→Frame对象→Document对象→Form对象,
如下:parent.frame1.document.forms[0].elements[0].value;
 

 

index.html包含两个iframe,两个iframe的src分别是index1.html和index2.html

 

index.html

 



 
   New Document 
  
  
  
  

 

 
    
	 
 

 index1.html

 



 
   New Document 
  
  
  
  
  
	

 

 
   
hello world

 

index2.html

 



 
   New Document 
  
  
  
  
 

 
   
hello java

你可能感兴趣的:(JavaScript)