本文介绍了一个简单的HTML页面间参数传递示例。通过两个HTML文件实现：第一个页面提供输入框让用户输入信息，并通过按钮打开第二个页面；第二个页面接收并显示从第一个页面传来的参数，用户点击提交按钮后将参数回传到第一个页面。
1.html
---------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="stefli,^_^stefli">
<META NAME="Description" CONTENT="http://www2.gliet.edu.cn/gdhq/kudesign/">
<title>页面传递参数</title>
</head>
<body>
<form name="form1">
<input type="text" id="stefli">
<input type="button" onClick="window.open('2.html','Win_2','width=300,height=100')" (//打开第二个页面) value="选择参数">
</body>
</html>
2.html
---------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="stefli,^_^stefli">
<META NAME="Description" CONTENT="http://www2.gliet.edu.cn/gdhq/kudesign/">
<title>页面传递参数</title>
</head>
<body>
<form name="form1">
<input type="text" id="stefli" value="Design By Stefli">
<input type="button" onClick="opener.document.form1.stefli.value=document.form1.stefli.value;opener=null;window.close()" value="提交参数">
</body>
</html>
---------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="stefli,^_^stefli">
<META NAME="Description" CONTENT="http://www2.gliet.edu.cn/gdhq/kudesign/">
<title>页面传递参数</title>
</head>
<body>
<form name="form1">
<input type="text" id="stefli">
<input type="button" onClick="window.open('2.html','Win_2','width=300,height=100')" (//打开第二个页面) value="选择参数">
</body>
</html>
2.html
---------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="stefli,^_^stefli">
<META NAME="Description" CONTENT="http://www2.gliet.edu.cn/gdhq/kudesign/">
<title>页面传递参数</title>
</head>
<body>
<form name="form1">
<input type="text" id="stefli" value="Design By Stefli">
<input type="button" onClick="opener.document.form1.stefli.value=document.form1.stefli.value;opener=null;window.close()" value="提交参数">
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
