Js接收URL参数

本文介绍了如何在JavaScript中获取URL后面的参数。通过示例代码展示了利用JavaScript解析并获取URL参数的方法,该方法适用于Web项目中从URL提取参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


对于web项目中一些参数通常都是拼接在url后面,在jsp中有request.getParameter("key")进行获取,在js中也可进行获取。

内容简单就直接贴例子了,(ps:map这个js函数在上一篇博客中有介绍)


进行跳转的页面:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>redirect</title>
</head>
<body>
	<a href="search.html?name=akwolf&age=22">to a new page</a>
</body>
</html>

目标页面,进行参数接收的页面:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="../jslib/jquery-1.5.min.js"></script>
<script type="text/javascript" src="../jslib/map.js"></script>

<script type="text/javascript">
	var map = new Map() ;
	$(function(){
		var info = $("#info") ;
		var param = window.location.search ;
		param = param.substring(1) ;
		params = param.split("&") ;
		$.each(params,function(){
			//var curr = this ;
			var m = this.split("=") ;
			map.put(m[0],m[1]) ;
		}) ;
	}) ;
	function showMsg(){
		alert(map.toString());
	}
	
</script>
<title>search</title>
</head>
<body>
	<div id="info"></div>
	<input type="button" value="toStr" onclick="showMsg()"/>
</body>
</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值