parent.html
son.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function winOpen(){
window.open('son.html');
//window.close();
}
</script>
</head>
<body>
<form name="f1" method="post" action="">
<input name="username" id="username" value=""/>
<input name="cardnum" id="cardnum" value=""/>
<input type="button" value="button" onclick="winOpen();" />
</form>
</body>
</html>
son.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript">
/**
*取父页面上的值
*/
function $(str){
var parents=window.opener;//父页面对象
var v= parents.document.getElementById(str);/*还有什么方法得到父页面的表单值?*/
//alert(v);
return v;
}
/**
*取到子面上的对象
*/
function son(str){
var o=document.getElementById(str);
return o;
}
/**
*给子页面设置数据
*/
function sv(s,t){
//alert(s);
if($(t)&&son(s))/*防止页面根本就没有input框*/
son(s).value=$(t).value;
}
/**
*设置
*/
function doSetVal(){
//alert("hello");
sv("username","username");
sv("cardnum","cardnum");
//sv("","");
}
</script>
</head>
<body onload="doSetVal();">
<form name="form1" action="" method="post">
<input type="text" name="username" id="username" value="" />
<input type="text" name="cardnum" id="cardnum" value="" />
</form>
</body>
</html>