JS-純html伝達パラメータ例

1494 ワード

JavaScript 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.user=abc&password=123&sssno=001のテスト結果を通して、パラメータを切り取る目的が達成されました.

具体的な原理は詳しく研究していません.

javascript日付文字列をDate日付オブジェクトに変換する方法