项目中通过iframe内嵌了一个子页面,子页面定义了一些全局变量,父页面需要获取子页面的全局变量,做了一些测试(我的环境IE10和Firefox32.0.3),得出如下结论:
IE下: window.frames['iPage'].变量名
火狐下:window.frames['iPage'].contentWindow.变量名
IE&火狐下:document.getElementById('iPage').contentWindow.变量名
具体原因没有深究,今天在调试一个iframe例子的时候发现了问题所在(iframe没有定义name属性),下面做了一个实例
父页面 parent.html
<html>
<script>
function test(){
var obj1=document.getElementById("myframe");//获得对应iframe的HTMLIFrameElement对象,可以获取iframe相关属性
alert(obj1.src);
/*情况一:iframe定义了name="myframe"的情况 IE和火狐兼容*/
var obj2=window.frames["myframe"];//获得对应iframe的window对象
alert(obj2.company);
alert(obj2.document.myform.username.value);
alert(obj1.contentWindow==obj2);//tru