js如何获取网址

在JavaScript中，可以通过window.location对象来获取当前页面的URL信息。以下是一些常用的属性和方法：

基本获取URL的方法

1. window.location.href:
   • 获取完整的URL字符串。
   • 示例代码：
   • 示例代码：

• window.location.origin:
  • 获取协议、主机名和端口号（如果有）的部分。
  • 示例代码：
  • 示例代码：
• window.location.pathname:
  • 获取URL中的路径名部分。
  • 示例代码：
  • 示例代码：
• window.location.search:
  • 获取URL中的查询字符串部分（即问号?后面的内容）。
  • 示例代码：
  • 示例代码：
• window.location.hash:
  • 获取URL中的锚点部分（即井号#后面的内容）。
  • 示例代码：
  • 示例代码：

解析查询参数

如果需要解析查询字符串中的具体参数，可以使用以下方法：

function getQueryParamByName(name) {
    var queryStr = window.location.search.substring(1); // 去掉开头的问号
    var paramsArray = queryStr.split('&');
    for (var i = 0; i < paramsArray.length; i++) {
        var pair = paramsArray[i].split('=');
        if (decodeURIComponent(pair[0]) === name) {
            return decodeURIComponent(pair[1] || '');
        }
    }
    return null;
}

// 使用示例
var userId = getQueryParamByName('userId');
console.log(userId);

应用场景

• 页面跳转: 可以通过修改window.location.href实现页面跳转。
• 动态内容加载: 根据URL的不同部分加载不同的内容。
• 分享功能: 获取当前页面的URL以便分享到社交媒体。
• 统计分析: 记录用户访问的URL进行数据分析。

注意事项

• 修改window.location会触发页面刷新或跳转，需谨慎使用。
• 在处理查询参数时要注意编码和解码，避免出现乱码问题。

通过以上方法和注意事项，你可以灵活地在JavaScript中获取和处理URL相关信息。