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

2019-01-08 08:23:56来源：博客园阅读 ()

项目中我们经会用到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()为方法；

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有