js获得当前网址

// 获取完整的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);

// 获取查询字符串并解析参数
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>';
}