浏览器窗口加载和大小改变事件示例

以下是一个简单的JavaScript示例，展示了如何监听浏览器窗口的加载（`load`）和大小改变（`resize`）事件。这些事件监听器通常被添加到`window`对象上，因为它们是全局性的，与整个浏览器窗口相关。

// 监听浏览器窗口加载完成事件
window.onload = function() {
    console.log("浏览器窗口已加载完成！");
    // 在这里，你可以添加更多代码来处理加载完成后的任务
};

// 监听浏览器窗口大小改变事件
window.onresize = function() {
    console.log("浏览器窗口大小已改变！");
    // 你可以在这里添加代码来响应窗口大小变化，例如调整布局或样式
    // 例如，输出当前窗口的宽度和高度
    console.log("新宽度: " + window.innerWidth);
    console.log("新高度: " + window.innerHeight);
};

在这个示例中，`window.onload`用于指定当整个页面（包括所有依赖资源如样式表和图片）完全加载后执行的函数。而`window.onresize`则用于指定当浏览器窗口大小发生变化时执行的函数。

注意，频繁触发`resize`事件（如用户拖动浏览器边缘时）可能会导致性能问题，因此在实际应用中，你可能需要考虑使用防抖（debounce）或节流（throttle）技术来优化这些事件的处理。