如何截取url后面的参数

最新推荐文章于 2024-06-04 19:55:06 发布

珍妮的小罐君

最新推荐文章于 2024-06-04 19:55:06 发布

阅读量4.8k

点赞数 1

分类专栏： JavaScript 文章标签： js 获取url 参数 split location

本文链接：https://blog.csdn.net/qq_36671474/article/details/70854534

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!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>

/**
       * 获取url参数
       */
       function getUrlParam(name) {
       var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 构造一个含有目标参数的正则表达式对象
       var r = window.location.search.substr(1).match(reg); // 匹配目标参数
       if (r != null) return unescape(r[2]); return null; // 返回参数值
       }

var questionId = getUrlParam('questionId');

珍妮的小罐君

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何截取url后面的参数

&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;js获取url后面的参数&lt;/title&gt;&lt;meta charset="utf-8" /&gt;&lt;script&gt; var params=(function(){ var search=location.search
复制链接

扫一扫

专栏目录