在网页开发中，confirm()函数是JavaScript提供的一种常用的交互式对话框，用于向用户请求确认或取消某个操作。通常情况下，我们习惯于将confirm()函数绑定到按钮的点击事件上，例如：
Demo: confirm()
然而，在某些特定场景下，我们可能需要在页面加载完成时，不通过任何用户交互（如点击按钮）就立即弹出confirm()对话框，例如在用户进入某个页面时进行即时确认，或者在程序启动时进行初始化设置的确认。这时，传统的按钮点击事件就无法满足需求。
利用 window.onload 事件实现自动弹出
要实现在页面加载时自动弹出confirm()对话框，我们可以利用JavaScript的window.onload事件。window.onload事件会在整个页面（包括所有图片、样式表、脚本等外部资源）加载完成后触发。将需要执行的函数（例如包含confirm()调用的函数）赋值给window.onload，即可实现在页面完全加载后自动执行。
以下是修改后的代码示例，展示了如何将save()函数绑定到window.onload事件，使其在页面加载完成后自动执行：
立即学习“Java免费学习笔记（深入）”；
页面加载时自动弹出确认框
Demo: confirm()
在上述代码中，关键的一行是 window.onload = save;。这行代码告诉浏览器，当整个HTML文档、所有图像、脚本文件、CSS文件等全部加载并解析完毕后，就执行save函数。这样，当用户访问此页面时，confirm("您确定要保存更改吗？")对话框会立即弹出。
注意事项
-
window.onload 与 DOMContentLoaded 的区别：
- window.onload：等待所有资源（包括图片、CSS、JS等）加载完毕后才触发。
- document.addEventListener('DOMContentLoaded', ...)：仅等待DOM结构加载和解析完毕后即触发，不等待图片等外部资源。如果你的需求只是DOM元素准备就绪即可弹出对话框，且不希望等待所有资源加载完成，那么DOMContentLoaded可能是一个更快的选择。
- 对于confirm()这种会阻塞页面渲染的对话框，通常window.onload或DOMContentLoaded都可以，但DOMContentLoaded通常能提供更快的响应。
// 使用 DOMContentLoaded document.addEventListener('DOMContentLoaded', function() { save(); // 页面DOM结构加载完毕后立即执行save函数 }); confirm() 的阻塞特性：confirm()对话框是同步的，这意味着在用户点击“确定”或“取消”之前，JavaScript的执行会暂停，并且页面上的其他操作（如渲染、动画）也会被阻塞。因此，在页面加载时立即弹出confirm()可能会对用户体验造成一定影响，尤其是在页面内容尚未完全呈现时。应谨慎使用此方法，确保其符合用户预期。
函数引用与函数执行： 在window.onload = save;中，save是一个函数引用，它将save函数本身作为回调赋值给onload事件。如果写成window.onload = save();，则意味着save()函数会立即执行，并且将其返回值赋给window.onload。由于save()函数没有显式返回值，或者其返回值不是一个函数，这通常不是我们期望的行为。因此，务必使用函数引用。
总结
通过利用window.onload（或更推荐的DOMContentLoaded）事件，我们可以轻松实现在页面加载时自动弹出confirm()对话框的需求，摆脱了对传统按钮点击事件的依赖。这种方法在需要用户即时确认或初始化设置的场景中非常有用。然而，考虑到confirm()对话框的阻塞特性，开发者应权衡其对用户体验的影响，并根据实际需求选择最合适的事件监听方式。
