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

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

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


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

1 parent.document.getElementById("user").value = "wwwww";  //子窗口赋值父窗口方法一
2 parent.document.form1.shoulu.value="123"'; //子窗口赋值父窗口方法二

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

1 //根据iframe的id获取对象  
2 var i1 = window.frames['iframeId'];  
3 //var iframe =window.frames[0];也可以  
4 //获取iframe中的元素值  
5 var val=i1.document.getElementById("t1").value

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

1 var val = parent.document.getElementById("txt1");   
2 
3 a>window.parent.document这个是获取父页面document中的对象; 
4 
5 b>如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 
原文地址:https://www.cnblogs.com/lmyupupblogs/p/10237157.html