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

相关阅读:
一：了解MVC
使用EasyUI查询与删除
 了解认识asp.net运行机制
 asp.net 页面静态化
 easyUI 布局
 禁止网页另存为右键，左键等
 使用canvas 代码画小猪佩奇
 使浏览器不可后退的代码(兼容性特别高)，监听用户是否在此页面浏览
 底部版权时间自动变化,网页在线qq咨询
 vue首页加载慢问题解决

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