前端笔记——获取url里面的参数值

最新推荐文章于 2024-08-29 13:27:01 发布

weixin_30794851

最新推荐文章于 2024-08-29 13:27:01 发布

阅读量158

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/MonaSong/p/5320386.html

本文详细介绍了如何使用JavaScript解析URL中的参数，并通过实例展示了如何将URL参数转换为JavaScript对象，便于后续处理。

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

备注

var url=window.location.href;//获取地址栏 url 
var index=url.indexOf('#');//获取#的位置 
var paramVal=url.substr(index,url.length);//获取 # 后面所有字符串

html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>无标题</title>
</head>
<body>
	<script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
	<script type="text/javascript">
		$(function(){

			var a = 'https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Data_structures?userName=mona&pwd=3';

			var b = a.split('/');

			console.log(a);

			function parseParmStr(parmStr){

				if(parmStr.indexOf("?")!=-1){
					var index = parmStr.indexOf('?');
					var parms = {};					
					    parmStr = parmStr.substr(index+1);					
					    strs = parmStr.split('&'); //["userName=mona", "pwd=3"]

					for(var i=0;i<strs.length; i++){
							parms[strs[i].split('=')[0]] = strs[i].split('=')[1];
					}
				}
				

				return parms;
			}

			
			console.log(parseParmStr(a));

		})
	</script>
</body>
</html>

效果图