首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js截取url 不带参数

在JavaScript中,要截取URL并且不带参数(即去除查询字符串部分),可以使用多种方法。以下是一些常见的方法:

方法一:使用window.location对象

如果你想要获取当前页面的URL并去除参数,可以使用window.location对象的属性。

代码语言:txt
复制
function getBaseUrl() {
    return window.location.origin + window.location.pathname;
}

console.log(getBaseUrl()); // 输出不带参数的URL

方法二:使用URL构造函数

你可以使用URL构造函数来解析URL,并重新构造不带参数的URL。

代码语言:txt
复制
function removeUrlParameters(url) {
    const urlObj = new URL(url);
    return urlObj.origin + urlObj.pathname;
}

const originalUrl = "https://example.com/page?param1=value1&param2=value2";
console.log(removeUrlParameters(originalUrl)); // 输出不带参数的URL

方法三:使用字符串操作

代码语言:txt
复制
function removeUrlParameters(url) {
    const urlParts = url.split('?');
    return urlParts[0];
}

const originalUrl = "https://example.com/page?param1=value1&param2=value2";
console.log(removeUrlParameters(originalUrl)); // 输出不带参数的URL

应用场景

  • 当你需要将用户重定向到一个不带查询参数的页面时。
  • 当你想要比较两个URL是否相同,但不关心它们的查询参数时。
  • 当你需要简化URL以便于显示或日志记录时。

注意事项

  • 这些方法都会去除URL中的查询参数,但保留URL的路径部分。
  • 如果URL中包含hash(例如#section1),这些方法不会去除hash部分。如果你也想去除hash,可以在处理URL时进一步操作。

以上就是在JavaScript中截取不带参数的URL的一些常用方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 领券