JavaScript 获取 URL 参数的两种常用方法详解

作者:纸飞机时间:2026-10-22 18:36:47浏览:455

本文详细介绍在 JavaScript 中获取 URL 参数的两种通用方法。第一种通过字符串分割将参数解析为对象,适用于获取多个参数;第二种利用正则表达式精准匹配指定参数值。文章包含完整代码示例,帮助开发者快速实现 URL 参数解析功能。

JavaScript 获取 URL 参数的方法介绍

以下代码展示了在 JavaScript 中获取 URL 参数的通用方法 getRequest() 的具体实现。


getRequest : function() { 
   var url = location.search; //获取url中"?"符后的字串
   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]]=unescape(strs[i].split("=")[1]); }
    }
   return theRequest;
  }

URL 参数获取的两种实现方式

接下来详细介绍 JavaScript 获取 URL 参数值的两种主要方式。

假设存在如下 URL:

http://passport.csdn.net/account/login?from=http%3a%2f%2fwrite.blog.csdn.net%2fpostedit

如何获取 from 参数的值?经搜索,实现方法简单,主要分为两种:一是使用正则表达式,二是通过字符串切割并放入数组的方式。

第一种方法:


 function getQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
  var r = window.location.search.substr(1).match(reg); 
  if (r != null) return unescape(r[2]); return null; 
 } 
 var from = getQueryString("from"); 
 alert(from); 

第二种方法:


 function GetRequest() { 
  var url = location.search; //获取url中"?"符后的字串 
  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]]=unescape(strs[i].split("=")[1]); 
   } 
  } 
  return theRequest; 
 } 
 var req = GetRequest(); 
 var from = req['from']; 
 alert(from); 

总结

总结

以上介绍了 JavaScript 中获取 URL 参数的共用方法 getRequest() 的实例详解,希望能对大家有所帮助。如有任何疑问,欢迎留言,小编会及时回复。感谢大家对本站的支持!

作者最新文章