js获取url参数的值

js获取url参数的值是怎样的呢？下面就让我们一起来了解一下吧：

一般来说，使用js获取url中的某个参数值，可以通过将url的参数转换成数组形式，然后再通过for循环逐个查找数组元素，将参数值找出来，不过除了这种方法之外还有更简易的，可以采用正则分析法。

参考范例：

方式一：

输入指令：

function getQueryString(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

var r = window.location.search.substr(1).match(reg);

if (r != null) return unescape(r[2]); return null;

}

调用：

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

方式二：

输入指令：

调用：

以上就是小编的分享了，希望能够帮助到大家。

js获取url参数值的两种方式

前端JS操作URL参数，一个api搞定

简介

URLSearchparams 接口定义了一些实用的方法来处理 URL 的查询字符串。

实例返回一个iterator可以遍历所有键/值对的对象，可以直接用在 for...of 结构中。

MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

简单试用一下

let params = new URLSearchParams("?name=chenjiang&age=24");console.log(params.get("name")); // chenjiangURLSearchParams基本用法get方法返回第一个与搜索参数对应的值。

如果有多个同名的参数，只返回第一个

let params = new URLSearchParams("?name=chenjiang&age=24&name=cccjjj");console.log(params.get("name")); // chenjiangconsole.log(params.get("good")); // nullgetAll方法以数组的形式返回与指定搜索参数对应的所有值。

let params = new URLSearchParams("?name=chenjiang&age=24&name=cccjjj");console.log(params.getAll('name')); // ["chenjiang","cccjjj"]append可以插入一个新的参数。

追加一个新的参数，如果重名了也不会被覆盖的。

let params = new URLSearchParams("?name=chenjiang&age=24");params.append("name", "cccjjj"); // 追加一个重名的console.log(params.getAll('name')); // ["chenjiang","cccjjj"]delete方法可以删除指定名称的所有搜索参数。

let params = new URLSearchParams("?name=chenjiang&age=24&name=cccjjj");params.delete("name");// 有两个name一并删除console.log(params.getAll("name")); // []set方法用于设置和搜索参数相关联的值

如果设置前已经存在匹配的值，该方法会删除多余的，如果将要设置的值不存在，则创建它。

let params = new URLSearchParams("?name=chenjiang&age=24");params.set("name", "cccjjj"); console.log(params.getAll('name')); // ["cccjjj"]entries方法返回一个iterator，允许遍历该对象中包含的所有键/值对。

let params = new URLSearchParams("?name=chenjiang&age=24");// 显示键/值对for (var val of params.entries()) { console.log(val[0] "---" val[1]);}// 打印结果"name---chenjiang""age---24"forEach方法允许通过回调函数来遍历 URLSearchParams 实例对象上的键值对

let params = new URLSearchParams("?name=chenjiang&age=24");params.forEach(function (value, key, searchParams) { /* value: 当前遍历到的键值 key: 当前遍历到的键名 searchParams: 当前调用 forEach 方法的实例对象 */ console.log(value, key);});// 打印结果"chenjiang" "name""24" "age"has方法返回一个 Boolean 表示一个指定的键名对应的值是否存在。

let params = new URLSearchParams("?name=chenjiang&age=24");console.log(params.has("name")); // truekeys方法返回一个iterator，遍历器允许遍历对象中包含的所有键。

let params = new URLSearchParams("?name=chenjiang&age=24");for(var key of params.keys()) { console.log(key);}// 打印结果"name""age"values方法返回一个iterator，该遍历器允许遍历对象中包含的所有值。

let params = new URLSearchParams("?name=chenjiang&age=24");for(var val of params.values()) { console.log(val);}// 打印结果"chenjiang""24"toString方返回搜索参数组成的字符串

let params = new URLSearchParams("?name=chenjiang&age=24");console.log(params.toString()); // "name=chenjiang&age=24"