// 示例代码:使用 window 对象的基本方法和属性
// 1. 获取窗口的宽度和高度
let width = window.innerWidth;
let height = window.innerHeight;
console.log(`窗口宽度: ${width}, 窗口高度: ${height}`);
// 2. 打开新窗口
let newWindow = window.open("https://www.example.com", "newWindow", "width=600,height=400");
// 注意:在现代浏览器中,出于安全原因,弹出窗口可能会被阻止。
// 3. 关闭当前窗口(仅在通过 window.open 打开的窗口中有效)
// window.close();
// 4. 设置定时器
let timerId = window.setTimeout(() => {
console.log("5秒后执行此消息");
}, 5000);
// 5. 清除定时器
window.clearTimeout(timerId);
// 6. 监听窗口的加载事件
window.addEventListener('load', () => {
console.log("页面已完全加载");
});
// 7. 滚动到页面顶部
window.scrollTo(0, 0);
// 8. 获取当前页面的 URL
let url = window.location.href;
console.log(`当前页面的 URL 是: ${url}`);
window 是浏览器中的全局对象,它代表了浏览器窗口或标签页。所有全局变量和函数都是 window 对象的属性。window 对象的一些常见方法和属性,例如获取窗口尺寸、打开新窗口、设置定时器、监听加载事件等。下一篇:js 学习
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站