编程笔记 html5&css&js 093 JavaScript 窗口对象
在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
对象的一些常见用法,在实际开发中可以根据需要使用其提供的其他属性和方法。
评论已关闭