JavaScript获取 URL 中的参数的代码案例

内容摘要

这篇文章主要为大家详细介绍了JavaScript获取 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 中的参数的简单示例的内容就先介绍到这里，更多相关文章的可以留意

代码注释

上一篇 JavaScript手机端判断浏览器类型的代码案例下一篇 JavaScript以“天”为单位获取响应的时间戳的代码案例

作者：喵哥笔记

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