如何获取当前页面 URL 并使用它答案

【问题标题】：How to get the current page URL and use it如何获取当前页面 URL 并使用它
【发布时间】：2019-09-16 00:00:17
【问题描述】：

我正在尝试在云端部署一个项目，我需要获取页面的当前 url，更改它并使用它。例子：当前网址：123.123.123.123:8080/home 我想href到123.123.123.123:8082/add

我想使用 Javascript 函数来生成“http://localhost:8083/businesss”并使用它..

【问题讨论】：

【解决方案1】：

 window.location.href

会返回给你当前页面的url。

【讨论】：

【解决方案2】：

操作 URL 的最简单方法是首先将其转换为已解析的形式。为此使用URL：

const url = new URL(location.href);

在该 URL 对象上有两个您感兴趣的属性。第一个是 host，它指定主机名和端口号。在您的示例中，您的第一个 URL 将 host 设置为 123.123.123.123:8080。您可以将其更改为 123.123.123.123:8082，如下所示：

url.host = '123.123.123.123:8082';

然后获取URL的字符串形式：

url.toString(); // http://123.123.123.123:8082/home

您要操作的下一个属性是pathname，它的工作方式相同。只需修改它以更改路径，并使用url 作为字符串来获取字符串版本。

另外，与您的问题无关，但请考虑在以后的问题中使用指定的文档 IP 地址。 https://www.rfc-editor.org/rfc/rfc5737 你永远不知道什么时候可以使用一个可能实际被某人使用的示例地址。

【讨论】：

【解决方案3】：

只需使用window.location.href。 Explanation

然后您可以输入window.location.href = "http://localhost:8083/businesss" 或任何您需要的href。

【讨论】：