檢測是否正在加載新頁面

Question

有沒有辦法通過JavaScript檢測是否正在加載新頁面。讓我舉一個例子。

另一個頁面被後我加載此鏈接：

<a href='http://google.com/'>Click here</a> 

有沒有頁面加載我請點擊後：

<a href='#anchor'>Click here</a> 

沒有頁面加載這裏可以：

<a href='javascript:void(0);'>Click here</a> 

是的，這是一個頁面加載。但href屬性沒有被加載頁面的URL：

<a href='javascript:void(document.location="http://google.com/");'>Click here</a> 

這在href網址，但它不會加載頁面。 onclick屬性在這裏只是爲了說明問題。在現實世界中，onclick事件可能會由事件監聽器連接，並通過event.preventDefault()其他地方的代碼取消：

<a href='http://google.com/' onclick='return false;'>Click here</a> 

現在想象一下，那下一個頁面需要很長的時間來加載。我需要的是一種方法來檢測是否正在加載一個新的頁面，點擊鏈接後。或者在表單提交後。或者在任何可能導致頁面加載的操作之後。我知道要觀看哪些操作，但我不確定它們是否一定會觸發頁面加載。

這有可能嗎？如果是這樣，怎麼樣？

謝謝。

Answer 1

很可能beforeunload事件是你在找什麼。例如，這種事件處理程序通常用於通過顯示帶有自定義文本消息的確認對話框來防止用戶意外地離開帶有填充表單的頁面。