js获取当前URL的参数

最新推荐文章于 2021-02-25 11:31:23 发布

huttoncs

最新推荐文章于 2021-02-25 11:31:23 发布

阅读量138

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/huttoncs/article/details/84487324

web前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍两种使用JavaScript从URL中获取请求参数的方法。一种是通过循环解析URL字符串，另一种是利用正则表达式快速匹配参数。这两种方法都能有效解决参数获取的需求，并且能够避免乱码问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

A页面通过超链接到B页面，B页面引用的js文件获取A页面的请求参数：

function getParam(paras) {
var url = location.href;
var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
var paraObj = {};
for (i = 0; j = paraString[i]; i++) {
paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if (typeof (returnValue) == "undefined") {
return "";
} else {
return unescape(returnValue);//可以解决乱码问题
}
}

网上看到一大神写的，分享一下

采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！）

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

// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

参考图片
location.href
location.protocol
location.host
location.hostname
location.port
location.pathname
location.search
location.hash