以下是一些关于 window.location 的基本信息:
window.location 属性
1. window.location.href: 包含完整的 URL,可以用于获取或设置当前页面的 URL。
console.log(window.location.href);
2. window.location.protocol: 返回页面使用的协议(例如 "http:" 或 "https:")。
console.log(window.location.protocol);
3. window.location.host: 返回主机名和端口号。
console.log(window.location.host);
4. window.location.hostname: 返回主机名。
console.log(window.location.hostname);
5. window.location.port: 返回端口号。
console.log(window.location.port);
6. window.location.pathname: 返回 URL 中的路径部分。
console.log(window.location.pathname);
7. window.location.search: 返回 URL 查询字符串部分(即问号及其后的部分)。
console.log(window.location.search);
8. window.location.hash: 返回 URL 中的片段标识符部分(即井号及其后的部分)。
console.log(window.location.hash);
window.location 方法
1. window.location.assign(url): 加载指定的 URL。
window.location.assign('https://www.example.com');
2. window.location.replace(url): 用指定的 URL 替换当前页面,不会在浏览历史中留下记录。
window.location.replace('https://www.example.com');
3. window.location.reload(forceReload): 重新加载当前页面。如果参数 forceReload 为 true,则会强制从服务器重新加载,否则可能从缓存中加载。
window.location.reload(true);
示例
// 获取当前页面的完整 URL
let currentURL = window.location.href;
console.log(`Current URL: ${currentURL}`);
// 导航到新的页面
window.location.assign('https://www.example.com');
window.location 对象的这些属性和方法允许你在 JavaScript 中与浏览器的地址栏进行交互,以及实现页面的导航和重定向。请注意,在某些情况下,直接修改 window.location 的属性可能导致页面的刷新或重定向。
转载请注明出处:http://www.pingtaimeng.com/article/detail/3566/JavaScript