js获取当前域名 获取host

<think>我们正在处理用户关于JavaScript获取当前页面URL的问题。 根据用户问题：“我想使用JavaScript获取当前页面的URL 请问JavaScript 获取当前页面完整网址的方法” 我们需要从引用中提取相关信息，特别是引用[1]和引用[2]提供了直接的方法。 引用[1]提到：“在JavaScript中获取当前页面路径的几种常用方法。每种方法都有其独特的用途和优点，你可以根据具体需求选择适合你的方法。无论你选择哪种方法，都能轻松地获取到当前页面的路径并进行相应的操作。” 引用[2]则详细列出了获取URL各个部分的方法，其中第一条就是获取完整URL： 1、获取URL地址 console.log(window.location.href); // 输出完整的URL 因此，获取当前页面的完整网址，我们可以使用`window.location.href`。 另外，我们也可以使用`document.URL`，但引用中没有提到，不过根据标准知识，这也是可行的。但是用户明确要求“完整网址”，所以`window.location.href`是最直接的方法。 我们还需要注意，这些方法在浏览器环境中使用。 回答结构： 1. 直接给出获取完整网址的方法：使用`window.location.href`。 2. 可以简要说明还有其他方法获取URL的不同部分，但用户问题只要求完整网址，所以我们可以简要提一下其他相关属性，以扩展知识（但不要偏离主题）。 3. 给出一个简单的代码示例。 同时，根据系统指令，我们需要生成相关问题。 注意：引用[1]和引用[2]的内容，我们在回答中需要添加引用标识。 生成的相关问题可以围绕URL的其他部分获取，或者与URL操作相关的其他问题。 回答格式： 首先直接回答问题，然后给出代码示例，最后生成相关问题。</think>在 JavaScript 中获取当前页面的完整 URL，最直接的方法是使用 `window.location.href` 属性。这个属性返回完整的 URL 字符串，包含协议、域名、路径和查询参数等所有组成部分[^1][^2]。 ### 实现代码 ```javascript // 获取当前页面的完整 URL const currentUrl = window.location.href; // 输出结果（例如：https://www.example.com/path?query=value#section） console.log(currentUrl); ``` ### 其他相关属性 如果需要获取 URL 的特定部分，可结合以下属性： - `window.location.protocol` → 协议（如 `https:`） - `window.location.host` → 主机名和端口（如 `www.example.com:8080`） - `window.location.pathname` → 路径（如 `/path/subpage`） - `window.location.search` → 查询参数（如 `?id=123`） - `window.location.hash` → 锚点（如 `#section`）[^2] ### 注意事项 1. **浏览器环境**：这些属性仅在浏览器中有效（Node.js 不可用） 2. **安全性**：通过 URL 获取敏感参数时需注意安全风险 3. **编码处理**：特殊字符（如中文）会被自动编码为 `%` 格式