使用JS在URL中传递参数

最新推荐文章于 2023-10-14 09:30:45 发布

iteye_11213

最新推荐文章于 2023-10-14 09:30:45 发布

阅读量218

点赞数

分类专栏： JavaScript 文章标签： HTML

本文链接：https://blog.csdn.net/iteye_11213/article/details/81733818

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

aa.htm是参数输入界面
bb.htm是参数接收处理界面

aa.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script>
function submit()
{
	var input1 = document.getElementById("inputid");
	window.open("bb.html?inputStr=" + input1.value);//传入参数
}
</script>
</head>
<body>
	<input type="text" id="inputid">
	<input type="button" οnclick="submit()" value="提交">
</body>
</html>

bb.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script>
//获得参数的方法
var request = 
{ 
	QueryString : function(val) 
	{ 
		var uri = window.location.search; 
		var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 
		return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null); 
	}
}
window.οnlοad=function(){
	var rt = request.QueryString("inputStr");
	document.getElementById("recive").value=rt;
	alert(rt);
}
</script>
</head>
<body>
接收到：<input id="recive">
</body>
</html>

iteye_11213

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用JS在URL中传递参数

aa.htm是参数输入界面bb.htm是参数接收处理界面aa.htm&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Con...
复制链接

扫一扫