首页利用html制作一个在关闭网页时可以弹出“谢谢阅读”对话框的网页

利用html制作一个在关闭网页时可以弹出“谢谢阅读”对话框的网页

时间: 2024-01-20 09:03:34 浏览: 174

你可以使用以下代码来实现这个功能： ```html <!DOCTYPE html> <html> <head> <title>感谢阅读</title> <script> // 监听窗口关闭事件 window.addEventListener("beforeunload", function(event) { // 弹出对话框 event.returnValue = "谢谢阅读！"; }); </script> </head> <body> <h1>感谢阅读本网页</h1> <p>这是一段内容。</p> </body> </html> ``` 在这个页面中，我们使用了 `beforeunload` 事件来监听窗口关闭事件。当窗口即将关闭时，会触发这个事件，我们在事件处理函数中弹出一个对话框，并设置 `event.returnValue` 的值为要显示的文本，这样关闭窗口时就会显示这个文本。需要注意的是，有些浏览器可能会阻止弹出对话框，因此这个功能并不是完全可靠的。

阅读全文