js-关于iframe:从子页面给父页面的控件赋值方法

时间：2024-01-09 16:07:08

项目中我们经会用到iframe，可能还会把iframe里的数值赋值给父页面空间。

接下来我们来说说有关于iframe赋值给父页面的方法。

1、子页面iframe给父页面的控件赋值方法。

 parent.document.getElementById("user").value = "wwwww";  //子窗口赋值父窗口方法一

 parent.document.form1.shoulu.value="123"'; //子窗口赋值父窗口方法二

2.父页面获取iframe中的元素值的JS代码。

 //根据iframe的id获取对象

 var i1 = window.frames['iframeId'];

 //var iframe =window.frames[0];也可以

 //获取iframe中的元素值

 var val=i1.document.getElementById("t1").value

3.在iframe中获取父页面中的元素值。

 var val = parent.document.getElementById("txt1");   

 a>window.parent.document这个是获取父页面document中的对象； 

 b>如果要获取父页面js中的方法：window.parent.xxxx()；xxxx()为方法；

相关文章