js解析url后面的参数

首先我们跳转的页面链接为
<a data-href="user/list.html?pp=worker" >用户管理</a>

我们现在要来匹配 list.html?pp=worker的后面的参数

<script>
	var v1=new Vue({
		el:"#app",
		data:{
			
		},
		mounted:function(){
			this.getUrl("pp");
		},
		methods:{				
			getUrl:function(key){
			
				<!--正则表表达式匹配-->
				var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
           		var r = window.location.search.substr(1).match(reg);
				var op=r[2];
				console.log(op);
				
				<!--字符串截取-->
				var r1=window.location.search.substr(1);
				var i=r1.indexOf("=");
				var name=r1.substr(i+1);
				console.log(name);
			}
		}
	});
	
	
</script>

window.location.search 是将网址后面接的参数取出=> ?pp=worker
在这里插入图片描述
可以看出来可以取出来了 ,但是字符串截取的方法只适用于后面只有一个值的,而正则表达式都可以
如有说的不好的地方,请多多指教O(∩_∩)O

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值