本文详细介绍在 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() 的实例详解，希望能对大家有所帮助。如有任何疑问，欢迎留言，小编会及时回复。感谢大家对本站的支持！