第一种 通过正则获取URL中指定的参数

/**
* 获取指定的URL参数值
* URL:http://www.xxx.com/index?name=123
* 参数:param URL参数
* 调用方法:getParam("name")
* 返回值:123
* alert(getParam('date'));
*/
function getParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  //search,查询?后面的参数,并匹配正则
var r = location.search.substr(1).match(reg);
  if (r != null) return decodeURI(decodeURI(r[2]));
}

第二种 既可以获取URL中全部参数,也可以获取单个参数

/**
* js获取url参数值
* 思路,通过location的search获取url中问号后面的值,字符串过滤掉问号,再通过split方法分割参数集合、循环赋值、匹配对应的参数,最后返回值
* URL:http://www.xxx.com/index?name=123
* 参数:param URL参数
* 调用方法:getUrlParams("name")
* 返回值:123
* alert(getUrlParams('date'));
*/
function getUrlParams(name) { // 不传name返回所有值,否则返回对应值
var url = window.location.search;
if (url.indexOf('?') == 1) { return false; }
url = url.substr(1);
url = url.split('&');
var name = name || '';
var nameres;
// 获取全部参数及其值
for(var i=0;i<url.length;i++) {
var info = url[i].split('=');
var obj = {};
obj[info[0]] = decodeURI(info[1]);
url[i] = obj;
}
// 如果传入一个参数名称,就匹配其值
if (name) {
for(var i=0;i<url.length;i++) {
for (const key in url[i]) {
if (key == name) {
nameres = url[i][key];
}
}
}
} else {
nameres = url;
}
// 返回结果
return nameres;
}
const url = 'http://www.abc.com/test.php?id=1&from=index';
var res = getUrlParams();
var res1 = getUrlParams('id');
console.log(res); // [{id: "1"}, {from: "index"}]
console.log(res1); //

第三种 获取URL中的参数名及参数值的集合

/**
* [获取URL中的参数名及参数值的集合]
* 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明
* @param {[string]} urlStr [当该参数不为空的时候,则解析该url中的参数集合]
* @return {[string]} [参数集合]
*/
function GetRequest(urlStr) {
if (typeof urlStr == "undefined") {
var url = decodeURI(location.search); //获取url中"?"符后的字符串
} else {
var url = "?" + urlStr.split("?")[1];
}
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
}
}
return theRequest;
}
 var parms_1 = GetRequest();
2 console.log(parms_1); // {"uid":"admin","rid":"1","fid":"2","name":"小明"}
3 console.log(parms_1['name']); // '小明'
4 var parms_2 = GetRequest('http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明');
5 console.log(parms_2); // {"uid":"admin","rid":"1","fid":"2","name":"小明"}
6 console.log(parms_2['name']); // '小明'

第四种 通过参数名获取url中的参数值

/**
* [通过参数名获取url中的参数值]
* 示例URL:http://htmlJsTest/getrequest.html?uid=admin&rid=1&fid=2&name=小明
* @param {[string]} queryName [参数名]
* @return {[string]} [参数值]
*/
function GetQueryValue(queryName) {
var query = decodeURI(window.location.search.substring(1));
var vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == queryName) { return pair[1]; }
}
return null;
}
1 var queryVal=GetQueryValue('name');
2 console.log(queryVal);// 小明

最新文章

  1. centos执行yum出现Could not retrieve mirrorlist错误
  2. SQL80001: Incorrect syntax near &#39;:&#39;
  3. C/C++中的结构体
  4. python TypeError: &#39;str&#39; object does not support item assignment”
  5. hadoop的live node为0
  6. Eclipse中查看Android模拟器SD卡目录
  7. ll 命令不好用了,ls 命令没有颜色了怎么办
  8. JDBC连接池以及动态SQL处理
  9. Node.mysql
  10. webpack require.ensure 按需加载
  11. 微信小程序如何实现点击链接跳转到手机自带浏览器
  12. matlab处理手写识别问题
  13. 机器学习之高斯混合模型及EM算法
  14. 【kafka】生产者速度测试
  15. 解决Hibernate:could not initialize proxy - no Session(申明:来源于网络)
  16. 使用ccache大幅度加速gcc编译速度至少1倍以上(不需要修改任何编译选项)
  17. mongodb用mongoose查库的对象,不能增加属性
  18. Ubuntu_搜狗输入法安装
  19. 【OCP-12c】2019年CUUG OCP 071考试题库(74题)
  20. bc显示小数点前的0

热门文章

  1. 在服务器上搭建远端git仓库
  2. linux文件、文件夹操作
  3. Python面向对象设计小结
  4. 【redis】pipeline - 管道模型
  5. Linux 文件和目录操作命令(一)
  6. MySQL日志文件和InnoDB引擎文件简介
  7. HTML表格概念、语法、操作、案例
  8. centos7系统中忘记了root管理员账号密码的解决方式
  9. Linux配置安装
  10. 字符串相等 impossible 1480