在 JavaScript 中,BOM(浏览器对象模型)提供了与浏览器窗口交互的能力,通过 window 对象,我们可以操作和控制浏览器窗口的各种属性和方法。
打开新窗口或标签:
window.open("https://www.example.com", "_blank");
关闭当前窗口:
window.close();
获取窗口大小:
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
获取滚动条位置:
var scrollX = window.scrollX;
var scrollY = window.scrollY;
弹出警告框:
window.alert("This is an alert message");
确认框:
var result = window.confirm("Are you sure?");
提示框:
var userInput = window.prompt("Please enter your name", "John Doe");
重定向页面:
window.location.href = "https://www.example.com";
定时器:
setTimeout(function() {
// 执行某些操作
}, 2000); // 2秒后执行
监听事件:
window.addEventListener("resize", function(event) {
console.log("Window resized");
});
这些只是 window 对象提供的一部分功能。通过操作 window 对象,我们可以实现许多与浏览器窗口交互的功能。请注意,一些操作可能受到浏览器安全性限制,具体取决于浏览器的设置和环境。