欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-07 23:39:09
项目中我们经会用到iframe,可能还会把iframe里的数值赋值给父页面空间。 接下来我们来说说有关于iframe赋值给父页面的方法。 1、子页面iframe给父页面的控件赋值方法。 2.父页面获取iframe中的元素值的JS代码。 3.在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()为方法;