【发布时间】：2012-11-20 02:28:08
【问题描述】：
在 JavaScript 中，有没有等价于的类
- iOS SDK 中的 NSURL 类或
- Java 中的 URL 类？
有了这样的课程，我想：
- 规范化网址，
- 从方案、主机、路径组件等组成一个 URL，并且
- 将 URL 分解为其元素。
【问题讨论】：
-
@sachleen 谢谢！我不知道 Location 类是如何工作的！
标签： javascript url
【发布时间】：2012-11-20 02:28:08
【问题描述】：
James Padolsey 解决了这个问题。
简而言之，您可以使用document.createElement() 创建一个锚元素，然后可以轻松访问它的几个原生属性，例如protocol、port 和hostname。
欲了解更多信息：http://james.padolsey.com/javascript/parsing-urls-with-the-dom/
【讨论】：
-
太美了！如果可能的话，我会投票两次。使用
<a>标签通过 href 解析 url 非常棒！ -
是的，当我阅读该博客条目时，我的反应也是如此。它一直在我们的眼皮底下。
-
美丽。而且我从不使用全部大写。
-
此外，您甚至可以使用类似的方法来解析这样的相对 URL：gist.github.com/shergin/1723959。
是的！现在有一个标准的、广泛兼容的 URL class 用于 Javascript。
构造函数采用 url 参数，如果 url 参数是相对 URL，则使用可选的 base 参数作为基础
const url = new URL(window.location.href);
console.log(url.hostname); // "www.example.com"
console.log(url.pathname); // "/cats"
【讨论】：