JavaScript 建议了一系列方法来帮助在地址列中显示当前 URL。
所有方法都使用 Location 对象（包含有关当前 URL 的信息），它是 Window 对象的一个属性（提供当前页面地址 (URL) 并将浏览器重定向到新页面）。
我们可以使用 window.location.href 属性来获取当前页面的整个 URL，包括所有组件：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<p id="href"></p>
<script>
document.getElementById("href").innerHTML ="此页面的完整 URL 是:<br>" + window.location.href;
</script>
</body>
</html>
让我们看一下基本的 URL 结构：
<protocol>//<hostname>:<port>/<pathname><search><hash>
- 协议 - 用于访问 Internet 资源的协议名称。 （HTTP、HTTPS、FTP 等）。
- 主机名 - 拥有资源的主机。
- 端口 - 用于识别 Internet/其他网络消息到达服务器时转发到的进程的端口号（大多数 HTTP URL 省略端口号）。
- 路径名 - Web 客户端想要访问的主机中的特定资源。
- 查询 - 显示资源用于某种目的的信息字符串。
- hash - 表示 URL 的锚点部分，包括井号 (#)。
窗口位置
Window.location 是一个只读属性，它返回一个 Location 对象，其中包含有关文档当前位置的一条信息。
以下 Location 对象属性用于访问整个 URL 或者其组件：
- window.location.href - 获取整个 URL。
- window.location.host - 获取主机名和 URL 的端口。
- window.location.hostname - 获取 URL 的主机名。
- window.location.protocol - 在地址列中获取 URL 的协议。
- window.location.pathname- 获取当前页面的路径和文件名。
- window.location.search - 获取 URL 的查询部分。
- window.location.hash- 获取 URL 的锚点部分。
日期：2020-06-02 22:16:19 来源：oir作者：oir