版权声明:本文为博主原创文章,未经博主允许不得转载。 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>