Javascript - 將頁面內容加載到頁面上的圖標/圖像，並在一些JS事件中使用它

Question

我正在使用JavaScript的domready事件。在用戶提交表單以顯示錶單正在處理的用戶之後，使用此事件顯示處理圖標。

問題是，處理圖標正常添加，但是由於第一次在頁面上添加處理圖標，因此在頁面上加載需要一些時間。所以它不會顯示給用戶和表單處理。

我需要加載此處理圖標，同時加載表單或頁面。所以，提交表單後，它會出現並顯示在頁面上。

請注意，在我來說，我應該通過添加圖像標記像

<img src='images/loading.gif' style='border:0 none; height:20px;width:20px;' alt='Subitting...'> 

添加圖標，請提出解決方案。

Answer 1

您可以通過運行時首次加載頁面這段JavaScript代碼預加載你的圖標：

var imgLoading = new Image; 
imgLoading.src = 'images/loading.gif'; 

你不需要運行的代碼之前要等待domready中或類似的東西;您可以在初始頁面加載期間或之後的任何時間執行此操作。