精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

项目中我们经会用到iframe,可能还会把iframe里的数值赋值给父页面空间,例如青岛星网做一般OA办公系统的时候,就用到了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()为方法;
Tags:js iframe 子页面 父页面 赋值