在网页开发中，获取当前网页的URL地址是一个常见的需求。无论是为了实现页面跳转、获取URL参数，还是进行其他与URL相关的操作，掌握获取URL地址的方法都是必不可少的。下面，我将为你介绍五种在JavaScript中轻松获取网页路由地址的方法。
方法一：使用window.location.href
这是最简单直接的方法。window.location.href属性会返回当前页面的完整URL。
var currentUrl = window.location.href;
console.log(currentUrl);
方法二：使用window.location.pathname
如果你想获取URL中的路径部分，可以使用window.location.pathname属性。
var path = window.location.pathname;
console.log(path);
方法三：使用window.location.search
有时候，你可能需要获取URL中的查询字符串部分，这时可以使用window.location.search。
var queryParams = window.location.search;
console.log(queryParams);
方法四：使用window.location.hash
如果你想要获取URL中的锚点（即#后面的部分），可以使用window.location.hash。
var hash = window.location.hash;
console.log(hash);
方法五：使用URL对象
ES6引入了URL和URLSearchParams对象，它们提供了更强大的URL解析能力。
var url = new URL(window.location.href);
console.log(url.href); // 获取整个URL
console.log(url.pathname); // 获取路径部分
console.log(url.search); // 获取查询字符串部分
console.log(url.hash); // 获取锚点部分
总结
以上五种方法可以帮助你在JavaScript中轻松获取网页路由地址的不同部分。选择哪种方法取决于你的具体需求。例如，如果你只需要获取整个URL，那么第一种方法就足够了；如果你需要解析查询字符串，那么第五种方法可能更适合你。
希望这些方法能帮助你更好地理解和操作网页URL。记住，实践是提高技能的关键，所以不妨在你的项目中试一试这些方法吧！