如何获取url地址中“？”后面的参数

最新推荐文章于 2024-07-14 03:05:06 发布

zaochenli

最新推荐文章于 2024-07-14 03:05:06 发布

阅读量1.7w

点赞数 2

文章标签： javascript

<!DOCTYPE HTML>
<html>
<head>
<title>js获取url后面的参数</title>
<meta charset="utf-8" />
<script>
  var params=(function(){
  	var search=location.search;	//获取location的search属性，保存在search中
  	var params={};		//创建空对象params
  	if(search!=""){		//如果search不是空字符串
      		search.slice(1).split("&").forEach(	//?username=zhangdong&pwd=123456;//search去开头?，按&切割为数组，forEach
      			function(val){
        			var arr=val.split("=");		//将当前元素值按=切割，保存在arr中
          			params[arr[0]]=arr[1];		//向params中添加一个元素,属性名为arr[0],值为arr[1]
      			}
      		);
   	}
    	return params;		//返回params
  })();
  console.dir(params); 		//params:{username:"katherine",pwd:"123456"}
  
</script>
</head>
<body>
 	<form>
		姓名:<input name="username"/>
		密码:<input type="password" name="pwd"/>
		<input type="submit"/>
	</form>
</body>
</html>