實現Javascript退出頁面彈出對話方塊

如果在退出頁面時需要彈出對話方塊，提示使用者將要退出頁面，類似當設定某個功能時而沒有儲存頁面。這個實現的方法比較簡單，最常見的就是使用unload事件，但這種實現有一個缺點，就是不管同意與否，結果還是一樣，會退出頁面，因此，如果要彈出對話方塊，就有使用者可選擇的空間，如果確定則退出，否則就不關閉頁面，如下：

點我查看線上執行個體
http://www.biuuu.com/demo/unload/index.html

這裡推薦使用onbeforeunload()事件，意思就是在載入unload事件前執行的方法，使用如下：

1. <script type="text/javascript">
2. window.onbeforeunload = function(){
3. return "必優部落格提示您，您確定要退出頁面嗎？";
4. }
5. </script>

這樣就會彈出一個對話方塊，只有確認將會退出頁面。

window.onbeforeunload可結合jQuery實現當使用者佈建頁面而沒有儲存的提示效果，也就是如果已儲存則不應該提示出對話方塊，可使用如下方法，當不需要

提示對話方塊：

1. <script type="text/javascript">
2. window.onbeforeunload = function(){
3. return;
4. }
5. </script>

這樣就會直接退出頁面，而不會彈出任何對話方塊。

結合jQuery實現Javascript退出頁面彈出對話方塊就是結合上面兩種方法，當頁面滿足某種情況後，如果需要彈出對話方塊則彈出，否則不彈出對話方塊，這樣就非常的方便，jQuery有自身的unload方法，但同樣不能實現返回，只有一種結果，那就是退出頁面，因此，結合window.onbeforeunload 將能實現一個退出頁面彈出對話方塊的功能。