如何在 JavaScript 中拆分 url 以获取 url 路径

Question

我构建了一个指向不同主机名www.mysite.com的 url 路径，例如：

var myMainSite = 'www.mymainsite.com' + '/somepath';

所以这相当于www.mymainsite.com/path/path/needthispath/somepath 。

我现在的做法就像下面的代码，这在console.log给了我一堆 url 的索引。

var splitUrl = myMainSite.split('/');

console.log看起来像：

0: http://
1: www.
2: mysite.com
3: path
4: path
5: needthispath
6: somepath

我把它们像splitUrl[5]+'/'+splitUrl[6] ，它看起来一点也不漂亮。

所以我的问题是如何在js中拆分/删除url位置http://www.mymainsite.com/来获取url路径needthispath/somepath ？ 有没有更快更干净的方法来做到这一点？

Answer 1

第一个解决方案（URL 对象）

URL 对象可用于解析、构造、规范化、编码 URL 等。

 var url = 'http://www.mymainsite.com/somepath/path2/path3/path4'; var pathname = new URL(url).pathname; console.log(pathname);

URL 接口表示一个对象，提供用于创建对象 URL 的静态方法。

• 请参阅Mozilla MDN 上的 URL 接口文档

• 浏览器支持在 2017 年相当不错（~ 90% 但不是 IE11 或以下）

---

第二种解决方案（一种黑客）

 var urlHack = document.createElement('a'); urlHack.href = 'http://www.mymainsite.com/somepath/path2/path3/path4'; console.log(urlHack.pathname); // you can even call this object with these properties: // protocol, host, hostname, port, pathname, hash, search, origin

Answer 2

为什么不使用 split 功能并从那里开始工作。 拆分功能将完全拆分您的 URL，从那里您只需要查找倒数第二个和最后一个项目。

下面是一个例子：

var initial_url = 'http://www.mymainsite.com/path/path/needthispath/somepath';
var url = initial_url .split( '/' );

var updated_url= document.location.hostname + '/' + url[ url.length - 2 ] + '/' + url[ url.length - 1 ];

Answer 3

您可以使用URL API，但支持是可变的。

或者，您可以使用URI.js 。

两者都允许您获取 URL 的不同部分，以及从部分构建新的 URL。

Answer 4

您能帮我解决这个问题吗？ 我尝试这样做，但是没有用。

A:\Apis-Utiles\Api-PDFs\src\pdf\111111111.pdf

Answer 5

 function url($url) { var url = $url.split( '//' ); if (url[0] === "http:" || url[0] === "https:") { var protocol = url[0] + "//"; var host = url[1].split( '/' )[0]; url = protocol + host; var path = $url.split(url)[1]; return { protocol: protocol, host: host, path: path }; } } var $url = url("http://www.mymainsite.com/path/path/needthispath/somepath"); console.log($url.protocol); // http:// console.log($url.host); // www.mymainsite.com console.log($url.path); // /path/path/needthispath/somepath