编程笔记 html5&css&js 093 JavaScript 窗口对象
warning:
这篇文章距离上次修改已过453天,其中的内容可能已经有所变动。
在JavaScript中,window对象代表浏览器窗口。它是全局对象,提供了与浏览器窗口交互的方法和属性。
以下是一些使用JavaScript窗口对象的常见示例:
- 打开新窗口:
window.open('http://www.example.com', 'newwindow', 'width=400,height=200');- 关闭窗口:
window.close();- 弹出警告框:
window.alert('这是一个警告框!');- 弹出确认框:
if (window.confirm('你确定要继续吗?')) {
// 用户点击了确定
} else {
// 用户点击了取消
}- 弹出提示框:
var userInput = window.prompt('请输入您的名字:', '');
if (userInput != null) {
// 用户输入了数据,userInput 变量存储输入的值
} else {
// 用户点击了取消
}- 滚动窗口到顶部:
window.scrollTo(0, 0);- 滚动窗口到底部:
window.scrollTo(0, document.body.scrollHeight);- 获取窗口宽度和高度:
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;- 监听窗口大小变化:
window.addEventListener('resize', function() {
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
// 处理窗口大小变化的逻辑
});这些是window对象的一些常见用法,在实际开发中可以根据需要使用其提供的其他属性和方法。
评论已关闭