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') -> 3
getUrlParams('b') -> 5
getUrlParams('c') -> 8888

本文来自：http://www.q1010.com/174/16337-0.html

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

关键词：URL