最近在學習jQuery,今天學到了onunload()方法,感覺十分有用,下面簡單介紹一下它的用法。
$(window).on('unload', function(){ //執行的代碼 });
這里我們使用了jQuery的.on()方法來綁定unload事件,當文檔或頁面被卸載或關閉時,綁定的函數就會被執行。下面來看一個簡單的例子:
$(window).on('unload', function(){ alert("您確定要離開該頁面嗎?"); });
當我們在該頁面上點擊鏈接或者關閉瀏覽器時,就會彈出一個提示框,詢問我們是否離開該頁面。
onunload()方法還有另一個用法,可以在瀏覽器前進或后退時執行一些操作:
$(window).on('unload', function(){ history.go(1); });
上述代碼會在瀏覽器前進或后退時,將頁面向前移動一個頁面。
需要注意的是,onunload()事件只能使用原生JavaScript來添加,因此最好通過jQuery來綁定該事件。
總之,onunload()方法是非常有用的jQuery事件,我們可以利用它來完成很多效果,在實際開發中應該多加利用。