2008-05-27

JS-纯html传递参数例子

关键字: js html 参数

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

 

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

 

评论
发表评论

您还没有登录，请登录后发表评论

Ben.Sin
搜索本博客
存档
最新评论