医疗网站模板下载,网站开发 网站建设,剪辑师培训班有用吗,制作游戏网站Window对象
在JavaScript中#xff0c;当你在非严格模式下的全局作用域中使用this时#xff0c;它会引用全局对象。在浏览器环境中#xff0c;这个全局对象就是Window。
01什么是 Window 对象#xff1f;
Window 是浏览器提供的一个全局对象#xff0c;它代表了浏览器的…Window对象
在JavaScript中当你在非严格模式下的全局作用域中使用this时它会引用全局对象。在浏览器环境中这个全局对象就是Window。
01什么是 Window 对象
Window 是浏览器提供的一个全局对象它代表了浏览器的窗口或框架frame。它既是浏览器的全局执行环境也是一个包含大量属性和方法的对象。这些属性和方法为你提供了操作浏览器窗口和管理文档内容的功能。
var a 10; // 等价于 window.a 10;
console.log(window.a); // 输出 10function sayHello() {console.log(Hello, world!);
}window.sayHello(); // 等价于 sayHello();
02. Window 的主要功能
Window 对象提供了一系列属性和方法可以用于控制窗口、处理事件、操控页面等。
2.1 窗口管理相关
window.open(url, target, specs) 打开新窗口或新标签。
window.open(https://www.example.com, _blank, width500,height500);
window.close() 关闭当前窗口仅对脚本打开的窗口有效。window.moveTo(x, y) 移动窗口到指定位置。window.resizeTo(width, height) 调整窗口大小。2.2 浏览器信息
window.location 提供当前页面 URL 的信息并允许修改 URL 以实现页面跳转。
console.log(window.location.href); // 当前页面的 URL
window.location.href https://www.baidu.com; // 跳转到新页面
window.navigator 提供关于浏览器的信息如用户代理、语言等。console.log(window.navigator.userAgent); // 打印用户代理字符串
console.log(window.navigator.language); // 打印浏览器语言
window.history 用于操作浏览器的历史记录。window.history.back(); // 后退到上一页
window.history.forward(); // 前进到下一页2.3 与用户交互
window.alert(message) 显示一个警告框。
window.alert(这是一个警告框);
window.confirm(message) 显示一个确认框返回 true 或 false。if (window.confirm(确定要继续吗)) {console.log(用户选择了确定);
} else {console.log(用户选择了取消);
}
window.prompt(message, defaultValue) 显示一个输入框返回用户输入的值。const name window.prompt(请输入你的名字, 匿名);
console.log(你好, ${name}!);2.4 计时器
window.setTimeout(callback, delay) 在指定时间后执行一次函数。
setTimeout(() {console.log(3秒后执行这段代码);
}, 3000);
window.setInterval(callback, interval) 每隔指定时间执行一次函数。setInterval(() {console.log(每2秒执行一次);
}, 2000);
window.clearTimeout(timeoutID) 和 window.clearInterval(intervalID) 取消 setTimeout 或 setInterval 的执行。2.5 事件处理
window.addEventListener(event, handler) 给 Window 对象绑定事件监听器。
window.addEventListener(resize, () {console.log(窗口大小发生变化);
});window.addEventListener(load, () {console.log(页面加载完成);
});
window.removeEventListener(event, handler) 移除事件监听器。2.6 文档和 DOM 访问
window.document document 对象是 Window 的属性表示当前加载的 HTML 文档。它是操作 DOM文档对象模型的主要入口。
console.log(window.document.title); // 获取当前页面标题
document.body.style.backgroundColor lightblue; // 改变页面背景色
