JavaScript获取 URL 中的参数的解决办法

内容摘要

这篇文章主要为大家详细介绍了JavaScript获取 URL 中的参数的简单示例，具有一定的参考价值，可以用来参考一下。

获取 URL 中的参数这个需求在三大框架的时代应用貌似不多了，不

文章正文

这篇文章主要为大家详细介绍了JavaScript获取 URL 中的参数的简单示例，具有一定的参考价值，可以用来参考一下。

获取 URL 中的参数这个需求在三大框架的时代应用貌似不多了，不过面试中问的还是蛮多的，了解一下是好的简单实现

var urlParams = new URLSearchParams('?post=1234&action=edit');
console.log(urlParams.get('action')); // "edit"

看了一下浏览器支持情况还是蛮好的，除了万恶的 ie复杂实现

function getUrlParams(param){
  // 有赖于浏览器环境， window.location.search 是浏览器函数
  // 意思是:设置或返回从问号 (?) 开始的 URL（查询部分）。       
  var query = 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] == param){return pair[1];}       
  }       
  return(false);
}

举个例子：getUrlParams('a') -> 3getUrlParams('b') -> 5getUrlParams('c') -> 8888

注：关于JavaScript获取 URL 中的参数的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 PHP利用SimpleXML函数来加载和解析XML文档的解决办法下一篇解决IIS+fastcgi下PHP运行超时问题

作者：喵哥笔记

学的不仅是技术，更是梦想！