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程序设计时有所帮助。

作者最新文章