给出几个JavaScript窗口事件的实例
时间: 2024-12-13 22:27:49 浏览: 4
在JavaScript中,窗口事件是指当用户操作浏览器窗口(如点击、滚动、关闭等)时触发的预设动作。以下是几个常见的窗口事件及其示例:
1. **window.onload**: 当整个页面加载完毕,所有图片、脚本都已经下载并解析完成时,会触发这个事件。例如:
```javascript
window.onload = function() {
console.log('页面已完全加载');
};
```
2. **window.onresize**: 当窗口大小发生变化时,该事件会被触发。可以用于响应式设计,调整布局。示例:
```javascript
window.onresize = function() {
console.log('窗口尺寸已改变');
};
```
3. **window.close**: 用户尝试关闭窗口时触发,可以阻止默认行为或执行清理操作。比如:
```javascript
window.addEventListener("beforeunload", function(e) {
return "确定离开吗?";
});
```
4. **window.onbeforeunload**: 当用户离开当前页面(非强制关闭)前,会触发这个事件,提示用户是否保存更改。
5. **window.onunload**: 窗口完全卸载之前触发,通常用于清理资源。但是由于浏览器限制,有些代码可能无法在这时执行。
阅读全文