js获得当前网址

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

基本获取当前URL的方法

// 获取完整的URL
var currentUrl = window.location.href;
console.log(currentUrl);

// 获取主机名（包括端口号）
var hostname = window.location.hostname;
console.log(hostname);

// 获取协议（http: 或 https:）
var protocol = window.location.protocol;
console.log(protocol);

// 获取端口号
var port = window.location.port;
console.log(port);

// 获取路径名
var pathname = window.location.pathname;
console.log(pathname);

// 获取查询字符串（问号后面的部分）
var search = window.location.search;
console.log(search);

// 获取哈希值（井号后面的部分）
var hash = window.location.hash;
console.log(hash);

应用场景

页面跳转：根据当前URL的不同，进行页面跳转或重定向。
动态内容加载：根据URL中的参数加载不同的内容。
分享功能：获取当前URL以便用户分享到社交媒体。
统计分析：记录用户访问的URL，用于网站分析和优化。

示例：根据URL参数加载不同内容

假设当前URL为https://example.com/page?section=about，你可以这样获取并处理参数：

// 获取查询字符串并解析参数
var queryString = window.location.search.substring(1); // 去掉问号
var params = new URLSearchParams(queryString);

// 获取特定参数
var section = params.get('section');
console.log(section); // 输出: about

// 根据参数加载不同内容
if (section === 'about') {
    document.getElementById('content').innerHTML = '<h1>About Us</h1>';
} else if (section === 'contact') {
    document.getElementById('content').innerHTML = '<h1>Contact Us</h1>';
}