首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JavaScript -获取URL路径的一部分

JavaScript -获取URL路径的一部分
EN

Stack Overflow用户
提问于 2011-08-05 00:04:35
回答 3查看 232.1K关注 0票数 222

使用JavaScript从URL中提取路径的正确方法是什么?

示例:

我有URL

http://www.somedomain.com/account/search?filter=a#top

但我只想要这部分

/account/搜索

如果有什么东西可以利用的话,我会使用jQuery。

EN

回答 3

Stack Overflow用户

发布于 2011-08-05 00:11:53

代码语言:javascript
复制
window.location.href.split('/');

将为您提供一个包含所有URL部分的数组,您可以像访问普通数组一样访问该数组。

或者@Dylan建议的更优雅的解决方案,只有路径部分:

代码语言:javascript
复制
window.location.pathname.split('/');
票数 59
EN

Stack Overflow用户

发布于 2020-02-06 14:02:40

有一个名为URL的有用的Web API方法

代码语言:javascript
复制
const url = new URL('http://www.somedomain.com/account/search?filter=a#top');
console.log(url.pathname.split('/'));
const params = new URLSearchParams(url.search)
console.log(params.get("filter"))

票数 12
EN

Stack Overflow用户

发布于 2020-01-22 14:41:07

如果你有一个抽象的URL字符串(不是来自当前的window.location),你可以使用这个技巧:

代码语言:javascript
复制
let yourUrlString = "http://example.com:3000/pathname/?search=test#hash";

let parser = document.createElement('a');
parser.href = yourUrlString;

parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.com:3000"

感谢jlong

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6944744

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档