js 获取当前页面url

// 获取当前页面的完整 URL
var currentUrl = window.location.href;
console.log("当前页面的URL是: " + currentUrl);

// 如果需要获取 URL 的不同部分，可以使用以下属性：
var protocol = window.location.protocol; // 获取协议 (例如: "http:" 或 "https:")
var host = window.location.host; // 获取主机名和端口 (例如: "example.com:8080")
var hostname = window.location.hostname; // 获取主机名 (例如: "example.com")
var port = window.location.port; // 获取端口号 (例如: "8080")
var pathname = window.location.pathname; // 获取路径 (例如: "/path/to/page.html")
var search = window.location.search; // 获取查询字符串 (例如: "?key=value")
var hash = window.location.hash; // 获取片段标识符 (例如: "#section1")

console.log("协议: " + protocol);
console.log("主机名和端口: " + host);
console.log("主机名: " + hostname);
console.log("端口号: " + port);
console.log("路径: " + pathname);
console.log("查询字符串: " + search);
console.log("片段标识符: " + hash);

这段代码展示了如何使用 JavaScript 获取当前页面的 URL 及其各个组成部分。window.location 对象提供了多种属性来访问 URL 的不同部分。