HTMLwindow对象小实例

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_38230811/article/details/83618729

 小实例

纯html代码实现表格 页面传值

效果

<html>
 <head>
  <title>HTML</title>
  <style type="text/css">

  </style>
 </head>
 <body>
<table border="1" bordercolor="gray">
<tr>
	<td>操作</td>
	<td>标号</td>
	<td>姓名</td>
</tr>
<tr>
	<td><input type="button" value="选择" onclick="s1('100','super晓权')"/></td>
	<td>100</td>
	<td>super晓权</td>
</tr>
<tr>
	<td><input type="button" value="选择" onclick="s1('101','super晓泉')"/></td>
	<td>101</td>
	<td>super晓泉</td>
</tr>
<tr>
	<td><input type="button" value="选择" onclick="s1('102','super晓全')"/></td>
	<td>102</td>
	<td>super晓全</td>
</tr>
</table>
   <script type="text/javascript">
    //实现s1方法
	function s1(num1,name1){
	//需要把num1,和name1赋值到window页面
	//跨页面操作 opener: 得到创建这个窗口的窗口  得到windows页面
	var pwin =window.opener;//得到window页面
	pwin.document.getElementById("numid").value=num1;
    pwin.document.getElementById("nameid").value=name1;
	window.close();
	}
	
    </script>

 </body>
</html>
<html>
 <head>
  <title>HTML</title>
  <style type="text/css">

  </style>
 </head>
 <body>
   编号:<input type="text" id="numid"/><br/>
   姓名:<input type="text" id="nameid"/><br/>
   <input type="button" value="选择" onclick="open1()"/><br/>
   <script type="text/javascript">
     
	 //实现弹出窗口的方法
     function open1(){
	    //open方法
		window.open("user.html","","width=250,height=150");
	 }
    </script>

 </body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_38230811/article/details/83618729