js如何获得url

如何使用 javascript 获取 url？使用 window.location.href 获取当前 url。使用 new url(window.location.href) 解析 url，创建包含协议、主机、路径等部分的 url 对象。使用 url 对象的属性（如 .pathname）访问特定 url 部分。修改 url 对象的属性（如 .pathname）以更新 url。使用 window.location.href 将修改后的 url 更新到浏览器窗口中。

如何使用 JavaScript 获取 URL

直接访问 URL

const url = window.location.href;

解析 URL

const url = new URL(window.location.href);

这会创建一个 URL 对象，包含以下部分：

• protocol: 协议（如 "http://"）
• host: 主机名（如 "example.com"）
• port: 端口号（如 80）
• pathname: 路径（如 "/index.html"）
• search: 查询字符串（如 "?q=search+term"）
• hash: 哈希部分（如 "#section-one"）

访问特定 URL 部分

您可以使用以下属性访问特定 URL 部分：

• url.protocol
• url.host
• url.port
• url.pathname
• url.search
• url.hash

修改 URL

可以通过重新分配以下属性来修改 URL：

• url.protocol
• url.host
• url.port
• url.pathname
• url.search
• url.hash

修改 URL 后，您可以使用 window.location.href 将其更新到浏览器窗口中。

示例

获取当前 URL：

const currentUrl = window.location.href; // 例如 "https://example.com/index.html"

获取协议：

const protocol = new URL(currentUrl).protocol; // 例如 "https:"

更新 URL 的 pathname：

const newUrl = new URL(currentUrl);
newUrl.pathname = "/new-page.html";
window.location.href = newUrl.href; // 更新浏览器中的 URL

以上就是js如何获得url的详细内容，更多请关注其它相关文章！