onbeforeunload while loaded頁面加載時

Question

我只是好奇，如果這樣的事情是可能的>>雖然仍然加載網頁，當用戶嘗試導航到其他頁面或關閉瀏覽器時可以返回一個onbeforeunload像對話框？

Answer 1

嗯，我做到了這一點，以顯示一個消息，在有人離開我的網站之前顯示，這讓他們選擇留下或離開頁面。

我用jQuery的，所以你要鏈接的jQuery添加到您的網站，喲能做到這一點調用與SRC指向下一個URL的腳本標籤： https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

，之後只需添加下一個在您的網頁代碼

$(document).ready(function() 
{ 
    var flag = true; 
    function Close() 
    { 
     if(flag) 
     { 
     return "Are you sure you want to leave?";} 
     } 
    } 
    window.onbeforeunload = Close; 
}); 

這將在調用onbeforeunload事件的關閉功能，並詢問是否要離開或留

希望這有助於

Answer 2

事情是我有這套輸出PDF文件的代碼，我在這個上使用了TCPDF。

$('#export').click(function() { 
     var conf = confirm("This will generate a PDF file of all the list of products. Continue ?"); 

     if (conf) 
     { 
      $('#ajaxloader').css('visibility', 'visible'); 
      var href = "http://"+url+"/export/items.php"; 
      window.open(href, '_self'); 
     } 
    }); 

當我按一下按鈕，就下載一個包含產品列表的pdf文件，但我的問題它需要大約30秒以上來渲染，我已經設置了時間限制，所以我就沒有問題與此同時，我想要做的是在呈現PDF文件時顯示加載器，然後隱藏它。