js获取浏览器地址栏url参数的方法

这是一个前端js获取url地址传参的一个实用方法

后端语言获取url参数

后端程序获取url参数一般都很简便,因为它本身有底层方法。例如在php中通过$_GET变量获取表单method="get"方法传过来的参数:

  1. <?php echo $_GET["参数名"]; ?> 

前端JS获取url参数

前端JS里获取url地址参数就没那么简便,通过下面这个通用方法可以去实现:

  1. //获取地址栏参数 
  2. function getArgs() { 
  3.     var args = {}; 
  4.     var query = location.search.substring(1); 
  5.     var pairs = query.split("&"); 
  6.     for (var i = 0; i < pairs.length; i++) { 
  7.         var pos = pairs[i].indexOf('='); 
  8.         if (pos == -1) continue
  9.         var argname = pairs[i].substring(0, pos); 
  10.         var value = pairs[i].substring(pos + 1); 
  11.         value = decodeURIComponent(value); 
  12.         args[argname] = value; 
  13.     } 
  14.     return args;//array 

假设url格式:http://www.exp99.com/index.html?date=2015-08-05

获取url参数date:

  1. var getDate = getArgs()['date'];//由于返回的是数组格式 

 

 

相关经验

导读书签
书签初始化中…