纯HTML页面之间传递参数

最新推荐文章于 2024-04-23 02:00:49 发布

晓风拂月

最新推荐文章于 2024-04-23 02:00:49 发布

阅读量6.7k

点赞数

分类专栏： JavaScript 文章标签： html user string function 测试

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="html/text; charset=utf-8"/>
<title>JS get Parameter</title>
<script src="resource/js/param.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td><input type="text" name="user" /></td>
<td><input type="text" name="password" /></td>
<td><input type="text" name="sysno" /></td>
</tr>
</table>
</body>
<script type="text/javascript">
var LocString=String(window.document.location.href);
function getQueryStr(str){
var rs = new RegExp("(^|)"+str+"=([^/&]*)(/&|$)","gi").exec(LocString), tmp;
if(tmp=rs){
return tmp[2];
}
// parameter cannot be found
return "";
}
document.getElementById("user").value = getQueryStr("user");
document.getElementById("password").value = getQueryStr("password");
document.getElementById("sysno").value = getQueryStr("sysno");
</script>
</html>

<html>
<head>
	<meta http-equiv="Content-Type" content="html/text; charset=utf-8"/>
	<title>JS get Parameter</title>
	<script src="resource/js/param.js" type="text/javascript"></script>
</head>
<body>
<table>
	<tr>
		<td><input type="text" name="user" /></td>
		<td><input type="text" name="password" /></td>
		<td><input type="text" name="sysno" /></td>
	</tr>
</table>
</body>
<script type="text/javascript">
	var LocString=String(window.document.location.href);
	
	function getQueryStr(str){
		var rs = new RegExp("(^|)"+str+"=([^/&]*)(/&|$)","gi").exec(LocString), tmp;
	
		if(tmp=rs){
			return tmp[2];
		}
	
		// parameter cannot be found
		return "";
	}

	document.getElementById("user").value = getQueryStr("user");
	document.getElementById("password").value = getQueryStr("password");
	document.getElementById("sysno").value = getQueryStr("sysno");
</script>
</html>

通过test.html?user=abc&password=123&sysno=001的测试结果来看，截获参数的目的达到了