html的案列2——弹窗页面（最终效果为实现，待测试）

原页面：

<html>
<head><title>怪兽不纯粹的弹窗页面测试</title></head>
<body>

<table>
<tr>
<td>用户编号:</td>
<td><input type = "text" name = "number" id= "numid"/></td>
</tr>
<tr>
<td>用户姓名:</td>
<td><input type = "text" name = "name" id = "nameid"/></td>
</tr>
<tr>
<td><input type = "button" name = "xz" value = "选择" onclick ="open();"/></td>
</tr>
</table>
<script type = "text/javascript">
		function open(){
		window.open("world.html","","width = 150, height = 150");
		}
</script>
</body>

</html>

 弹出页面：

<html>
<head><title> 当作接收页面</title> </head>
<body>
<table border = "1" width = "200" height = "100">
<tr>
	<td align = "center">操作</td>
	<td align = "center">编号</td>
	<td align = "center">姓名</td>
</tr>
<tr>
	<td align = "center"><input type = "button" value = "选择" onclick = "get1(‘001’,‘张三’);"/></td>
	<td align = "center">01</td>
	<td align = "center">张三</td>
</tr>
<tr>
	<td align = "center"><input type = "button" value = "选择" onclick = "get2(‘002’，‘李四’);"/></td>
	<td align = "center">002</td>
	<td align = "center">李四</td>
</tr>
<tr>
	<td align = "center"><input type = "button" value = "选择" onclick = "get3(‘003’，‘王五’);"/></td>
	<td align = "center">003</td>
	<td align = "center">王五</td>
</tr>
</table>
</body>
<script type= "text/javascript">
	function get1(number, name){
		var pre_win = window.opner;
		pre_win.document.getElementById("numid").value = number;
		pre_win.document.getElementById("nameid".value = name);	
		window.close();
	}
	function get2(number, name){
		var pre_win =window.opener;
		pre_win.document.getElementById("numid").value = number;
		pre_win.document.getElementById("nameid".value) = name;
		window.close();
	}
	function get3(number,name){
	 var pre_win = window.opener;
	 pre_win.document.getElementByid("numid").value = number;
	 pre_win.document.getElementById("nameid").value = name;
	 window.close();
	}


</script>

</html>

 最终效果：

 

posted @ 2018-11-25 15:32  怪兽不纯粹  阅读(304)  评论(0)    收藏  举报