js 当前网址

在JavaScript中，要获取当前网址（即当前页面的URL），可以使用window.location对象。以下是一些常用的属性和方法：

基本获取当前网址

你可以直接使用window.location.href来获取完整的当前页面URL。

console.log(window.location.href);

获取URL的不同部分

window.location对象还提供了其他属性来获取URL的不同部分：

• window.location.protocol：获取URL的协议部分（例如，http:或https:）。
• window.location.hostname：获取URL的主机名部分（例如，www.example.com）。
• window.location.port：获取URL的端口号（如果有的话，默认为80或443）。
• window.location.pathname：获取URL的路径名部分（例如，/path/to/page）。
• window.location.search：获取URL的查询字符串部分（例如，?id=123）。
• window.location.hash：获取URL的锚部分（例如，#section1）。

示例代码

以下是一个示例代码，展示如何获取并打印URL的不同部分：

console.log("完整URL: " + window.location.href);
console.log("协议: " + window.location.protocol);
console.log("主机名: " + window.location.hostname);
console.log("端口: " + window.location.port);
console.log("路径名: " + window.location.pathname);
console.log("查询字符串: " + window.location.search);
console.log("锚: " + window.location.hash);

应用场景

• 页面跳转：你可以使用window.location.href来实现页面跳转。
• 页面跳转：你可以使用window.location.href来实现页面跳转。
• 动态URL修改：你可以动态修改URL的某些部分来实现特定功能。
• 动态URL修改：你可以动态修改URL的某些部分来实现特定功能。

常见问题及解决方法

1. 跨域问题：如果你尝试从一个页面获取另一个域名的URL信息，会遇到跨域问题。解决方法是确保在同域下操作，或者使用服务器端代理。
2. URL编码问题：URL中的特殊字符会被编码，可以使用decodeURIComponent来解码。
3. URL编码问题：URL中的特殊字符会被编码，可以使用decodeURIComponent来解码。

通过以上方法，你可以方便地在JavaScript中获取和操作当前页面的URL。