JavaScript获取URL查询参数的实现方法
作者:代码拾荒时间:2026-10-29 12:08:36浏览:512
本文介绍了一种使用JavaScript获取URL查询参数的具体方法。通过解析window.location.search,将参数字符串按&分割并遍历匹配键名,从而提取对应值。该方法适用于需要动态读取页面URL中特定参数(如ID或文件名)的场景,代码简洁且易于集成。
JavaScript获取URL参数实现
本文详细介绍了一种在JavaScript中获取URL查询参数的实现方式,旨在为相关开发者提供参考与借鉴。
核心代码实现
function getQueryVariable(variable)
{
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] == variable){return pair[1];}
}
return(false);
}
参数调用示例
具体调用方式如下:
假设存在如下示例URL: http://www.example.com/index.php?id=1&image=awesome.jpg 若调用 getQueryVariable("id"),将返回 "1"。 若调用 getQueryVariable("image"),将返回 "awesome.jpg"。
希望上述内容能对各位在进行JavaScript程序设计时有所帮助。
作者最新文章
JavaScript异步发送HTTP请求时怎么优雅地处理错误
2026-11-05 17:10:44
5款主流JS在线运行工具对比:CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
