在JavaScript中,获取地址栏的特定参数(例如id
)可以通过解析当前URL的查询字符串来实现。以下是详细的基础概念、方法以及示例代码。
?
后面的部分,用于传递参数。id=123
。URLSearchParams
接口:URLSearchParams
// 获取当前URL
const currentUrl = new URL(window.location.href);
// 使用URLSearchParams获取id参数
const idParam = currentUrl.searchParams.get('id');
console.log(idParam); // 输出: 123 (假设URL是 http://example.com/?id=123)
function getQueryParam(param) {
const queryString = window.location.search.substring(1); // 去掉开头的'?'
const params = queryString.split('&');
for (let i = 0; i < params.length; i++) {
const pair = params[i].split('=');
if (decodeURIComponent(pair[0]) === param) {
return decodeURIComponent(pair[1]);
}
}
return null;
}
const idParam = getQueryParam('id');
console.log(idParam); // 输出: 123 (假设URL是 http://example.com/?id=123)
decodeURIComponent
可以解决这个问题。URLSearchParams
在一些较老的浏览器中可能不被支持。可以使用手动解析的方法作为备选方案。通过上述方法,你可以有效地从地址栏获取所需的参数,并在不同的应用场景中使用它们。
领取专属 10元无门槛券
手把手带您无忧上云