Javascript 为什么使用anchor.href属性来处理url

我今天发现了以下代码：

var baseHref = document.createElement('a');
baseHref.href = this.baseURL;
baseHref = baseHref.pathname;

其中，

this.baseURL

是字符串

---

它似乎利用了设置

href

或读取

路径名时执行的一些转换功能。这只是一个假设。这个功能是什么？或者还有什么其他用途？
创建一个锚点并传入一个URL，利用浏览器内置的URL解析器，因此可以轻松返回URL的不同部分，而无需正则表达式或字符串操作

路径名是。。。协议后面的路径名和主机名等等

一个小例子，其中一些部件可以通过这种方式返回


var baseHref=document.createElement（'a'）；
baseHref.href=https://www.stackoverflow.com:3333/page/that/goes/somewhere?querystring=test#hash';
log（'protocol:'，baseHref.protocol）；
console.log（'host:'，baseHref.host）；
log（'hostname:'，baseHref.hostname）；
log（'port:'，baseHref.port）；
console.log（'pathname:'，baseHref.pathname）；
log（'querystring:'，baseHref.search）；
log（'hash:'，baseHref.hash）创建锚点并传递URL利用浏览器内置的URL解析器，因此可以轻松返回URL的不同部分，而无需正则表达式或字符串操作

路径名是。。。协议后面的路径名和主机名等等

一个小例子，其中一些部件可以通过这种方式返回


var baseHref=document.createElement（'a'）；
baseHref.href=https://www.stackoverflow.com:3333/page/that/goes/somewhere?querystring=test#hash';
log（'protocol:'，baseHref.protocol）；
console.log（'host:'，baseHref.host）；
log（'hostname:'，baseHref.hostname）；
log（'port:'，baseHref.port）；
console.log（'pathname:'，baseHref.pathname）；
log（'querystring:'，baseHref.search）；
log（'hash:'，baseHref.hash）
这是包装在函数中的吗？什么是
baseURL
？获取当前页面似乎是一种复杂的方式，我相信这只是一种解析相对URL的方式。如果设置
a
标记的
href
，然后获取该
a
标记的
pathname
，它将在URL路径的前面加上前缀@Santi，谢谢你的示例这是包装在函数中的吗？什么是
baseURL
？获取当前页面似乎是一种复杂的方式，我相信这只是一种解析相对URL的方式。如果设置
a
标记的
href
，然后获取该
a
标记的
pathname
，它将在URL路径的前面加上前缀@Santi，谢谢你的例子谢谢，你认为也有可能吗？不太清楚你的意思，@Santi的评论只是展示了一个获取路径名的示例？关于以某种方式解析相对URL的部分。
href
属性通常会返回一个绝对URL，即使该属性设置为相对URL，也会返回一个绝对URL，因此它可以作为一种通过仅传入相对URL来获取当前绝对路径名的方法。谢谢，您认为这也可能吗？不太清楚您的意思，@Santi的注释只是显示了一个获取路径名的示例，即以某种方式解析相对URL的部分。
href
属性通常会返回一个绝对URL，即使该属性设置为相对URL，也会返回一个绝对URL，因此它可以作为一种通过仅传入相对URL来获取当前绝对路径名的方法