纯HTML页面之间传递参数

zoukankan html css js c++ java

纯HTML页面之间传递参数
1. <html>
2. <head>
3. <meta http-equiv="Content-Type" content="html/text; charset=utf-8"/>
4. <title>JS get Parameter</title>
5. <script src="resource/js/param.js" type="text/javascript"></script>
6. </head>
7. <body>
8. <table>
9. <tr>
10. <td><input type="text" name="user" /></td>
11. <td><input type="text" name="password" /></td>
12. <td><input type="text" name="sysno" /></td>
13. </tr>
14. </table>
15. </body>
16. <script type="text/javascript">
17. var LocString=String(window.document.location.href);
19. function getQueryStr(str){
20. var rs = new RegExp("(^|)"+str+"=([^/&]*)(/&|$)","gi").exec(LocString), tmp;
22. if(tmp=rs){
23. return tmp[2];
24. }
26. // parameter cannot be found
27. return "";
28. }
30. document.getElementById("user").value = getQueryStr("user");
31. document.getElementById("password").value = getQueryStr("password");
32. document.getElementById("sysno").value = getQueryStr("sysno");
33. </script>
34. </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的测试结果来看，截获参数的目的达到了
查看全文

相关阅读:
关于Spring和Struts2的整合
 有关Transaction not successfully started问题解决办法
 两种页面跳转
 jdbc连接mysql
change和modify
Navicat Premium 15连接Oracle时提示oracle library is not loaded的解决方案
 Oracle创建本地数据库实例及配置监听
 下载Visual Studio 2019离线安装包
 简单的数据库
 未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序

原文地址：https://www.cnblogs.com/xffy1028/p/2344331.html