JS-纯html传递参数例子-优快云博客

本文介绍了一种使用JavaScript正则表达式从URL中获取参数的方法，并提供了一个简洁的示例代码，展示了如何将这些参数填充到HTML表单中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用javascript的正则表达式来检索当前url上的参数信息，来达到传递参数的目的。

JS代码是网上找到的，还有一些通过分析字符串来获得，但我觉得这个比较简洁一点。

以下是一个小例子的代码

<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的测试结果来看，截获参数的目的达到了

具体的原理没有仔细研究，希望明白的能指点一二