在Web开发中，获取当前网页的地址是一个常见的需求。无论是为了记录用户访问的页面，还是为了根据URL动态展示内容，JavaScript 提供了多种方法来轻松实现这一功能。下面，我将详细介绍几种常用的方法，帮助你轻松获取当前网页的地址。
一、使用 window.location.href
window.location.href 是最直接获取当前网页地址的方法。这个属性包含了当前页面的完整URL，包括协议（如 http 或 https）、域名、路径以及查询字符串。
// 获取当前网页地址
var currentUrl = window.location.href;
// 输出当前网页地址
console.log(currentUrl);
这段代码会在控制台输出当前网页的完整地址。
二、使用 window.location.pathname
如果你只需要获取当前网页的路径部分，可以使用 window.location.pathname。这个属性只包含从域名后开始的路径部分，不包括协议和查询字符串。
// 获取当前网页路径
var currentPath = window.location.pathname;
// 输出当前网页路径
console.log(currentPath);
三、使用 window.location.protocol
如果你想获取当前网页的协议（如 http 或 https），可以使用 window.location.protocol。
// 获取当前网页协议
var currentProtocol = window.location.protocol;
// 输出当前网页协议
console.log(currentProtocol);
四、使用 window.location.host
window.location.host 属性包含了当前网页的域名和端口号（如果有）。
// 获取当前网页域名和端口号
var currentHost = window.location.host;
// 输出当前网页域名和端口号
console.log(currentHost);
五、使用 window.location.search
如果你需要获取当前网页的查询字符串部分，可以使用 window.location.search。
// 获取当前网页查询字符串
var currentSearch = window.location.search;
// 输出当前网页查询字符串
console.log(currentSearch);
六、示例：根据URL动态展示内容
以下是一个示例，演示如何根据URL中的参数动态展示内容：
// 假设URL中有名为 "user" 的查询参数
var userId = window.location.search.match(/user=([^&]+)/)[1];
// 根据userId获取用户信息，并展示在页面上
// 这里仅为示例，实际应用中需要根据实际情况进行数据获取和展示
document.getElementById("user-info").textContent = "欢迎，" + userId + "！";
在这个示例中，我们通过解析URL中的查询字符串来获取用户ID，并根据这个ID展示相应的用户信息。
通过以上方法，你可以轻松地获取当前网页的地址信息，并在实际应用中发挥其作用。希望这篇文章能帮助你更好地掌握JavaScript获取当前网页地址的技巧。