获取Url地址中参数的3种方法

获取Url的代码如下：window.location.href;

方法一：原生js（假设已经获得了Url地址）

var url = 'https://gitbook.cn/gitchat/geekbooks?tag=JavaScript&name=pwwu&age=24';var temp1 = url.split('?');var pram = temp1[1];var keyValue = pram.split('&');var obj = {};for (var i = 0; i<keyValue.length; i++){var item = keyValue[i].split('=');var key = item[0];var value = item[1];obj[key] = value;}console.log(url);console.log(temp1);    //  ['https://gitbook.cn/gitchat/geekbooks','tag=JavaScript&name=pwwu&age=24']console.log(pram);     //  tag=JavaScript&name=pwwu&age=24console.log(keyValue); //  ['tag=JavaScript','name=pwwu','age=24']console.log(obj);      //  {tag:'JavaScript',name:'pwwu',age:'24'}

总结：主要思路就是将Url用split()分割成不同的块，返回值为一个数组，一直分割到为 [‘tag=JavaScript’,‘name=pwwu’,‘age=24’]为止，
然后将该数组中的每一项以键值对的形式传进一个空对象obj（这里需要遍历数组），最后利用obj.name“点”的方式获取相应参数。

方法二 URLSearchParams()函数（记不住函数名的可以直接在浏览器里面打印）

     var url2 = 'https://gitbook.cn/gitchat/geekbooks?tag=%E5%A4%A7%E6%95%B0%E6%8D%AE&name=gy&age=22';var temp2 = url2.split('?')[1];var pram2 = new URLSearchParams('?'+temp2);console.log(pram2.get('tag')); // 大数据console.log(pram2.get('name'));// gyconsole.log(pram2.get('age')); // 22console.log(temp2);   //tag=%E5%A4%A7%E6%95%B0%E6%8D%AE&name=gy&age=22

方法三使用正则表达式

//获取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]);} else {return null;}}var ABC = getUrlParam();console.log(ABC);

本次暂时介绍以上3种，后续会不断补充。

获取Url地址中参数的3种方法相关推荐

gitclone 一个tag的地址_获取Url地址中参数的几种方法
获取Url的代码如下:window.location.href; 方法一:原生js(假设已经获得了Url地址) 总结:主要思路就是将Url用split()分割成不同的块,返回值为一个数组,一直分割到为 ...
获取url地址后面参数的2种方法（小程序二维码跳转参数解析）
微信扫描小程序二维码后,在页面的onLoad函数的参数options内可以拿到跳转参数scene值,但是需要对scene进行decodeURIComponent操作,方法如下: 方法一: 扫码二维码地 ...
JavaScript获取Url地址中的指定参数
JavaScript获取Url地址中的指定参数 var url = "https://codemank23.com?username=kkk&scope=1";if (ur ...
Javascript获取URL地址的参数
什么是URL地址的参数在网页访问的时候,我们会通过url地址来传递参数. 例如,url地址类似: http://www.pingbuwang.com/index.html?a=12&b=he ...
PHP实现获取url地址中一级域名
本文实例讲述了PHP实现获取url地址中顶级域名的方法.分享给大家供大家参考,具体如下:parse_url()获取到的host时多级域名,如:mp.weixin.qq.com.做域名黑名单的时候我们需 ...
C# 获取URL地址中文件名
添加引用 System.Web using System.Web/// <summary>/// 获取URL地址中文件名/// </summary>/// <param ...
php 获取参数名和参数值,如何快速的获得url地址中参数名和参数值（在看PHP手册的时候无意间看见这两个函数，猜想能不能搭配使用。）...
今天在看手册的时候,无意间看到这两个内置函数parse_url和parse_str.看到他们的用法后,我突然想到能不能利用这两个函数来获得url地址中的参数.为了验证我的猜想,我就以如下url为例子: ...
转：Web页面通过URL地址传递参数常见问题及检测方法
Web页面即我们在浏览器中所看到的网页,在Web应用程序中,其页面往往需要进行动态切换和数据交互,页面间的数据常规传递方法有多种,本文主要介绍Web页面处理程序中常见的URL地址参数传递方法,包括概述 ...
vue获取url地址中的参数
首先获取到url地址 let geturl = window.location.href // http://localhost:8081/#/pages/index/index?qycode=100 ...

获取Url地址中参数的3种方法

方法一：原生js（假设已经获得了Url地址）

方法二 URLSearchParams()函数（记不住函数名的可以直接在浏览器里面打印）

方法三使用正则表达式

获取Url地址中参数的3种方法相关推荐

最新文章

热门文章

获取Url地址中参数的3种方法

方法一：原生js（假设已经获得了Url地址）

方法二 URLSearchParams()函数（记不住函数名的可以直接在浏览器里面打印）

方法三 使用正则表达式

获取Url地址中参数的3种方法相关推荐

最新文章

热门文章

方法三使用正则表达式