从JS中的URL中获取参数可以通过以下几种方法:
- 使用URLSearchParams对象:URLSearchParams是一个内置的JavaScript对象,可以方便地解析URL中的查询参数。可以通过以下代码获取URL中的参数:const urlParams = new URLSearchParams(window.location.search);
const paramValue = urlParams.get('paramName');其中,
paramName
是要获取的参数名,paramValue
是对应的参数值。 - 使用正则表达式:可以使用正则表达式来匹配URL中的参数,并提取出参数值。以下是一个示例代码:function getParamValue(paramName) {
const regex = new RegExp('[?&]' + paramName + '=([^&#]*)');
const results = regex.exec(window.location.search);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
}
const paramValue = getParamValue('paramName');其中,
paramName
是要获取的参数名,paramValue
是对应的参数值。 - 使用自定义函数:可以编写自定义的函数来从URL中获取参数。以下是一个示例代码:function getParamValue(paramName) {
const url = window.location.href;
const paramStartIndex = url.indexOf('?') + 1;
const paramEndIndex = url.indexOf('#') !== -1 ? url.indexOf('#') : url.length;
const paramsString = url.slice(paramStartIndex, paramEndIndex);
const paramsArray = paramsString.split('&');
for (let i = 0; i < paramsArray.length; i++) {
const param = paramsArray[i].split('=');
if (param[0] === paramName) {
return decodeURIComponent(param[1].replace(/\+/g, ' '));
}
}
return '';
}
const paramValue = getParamValue('paramName');其中,
paramName
是要获取的参数名,paramValue
是对应的参数值。
以上是从JS中的URL中获取参数的几种常用方法。根据具体的需求和场景,选择适合的方法来获取参数值。