Javascript入門：如何將預加載器添加到HTML onClick？

Question

我有一個運行良好的腳本設置，但是加載需要一段時間，並且我想在腳本加載之前使用“加載”映像，以免用戶丟失。

目前，我正在HTML中使用它

<div style="text-align:center;">
<a style="color:blue;" onclick="javascript:launchWS('http://clients.mindbodyonline.com/ws.asp?studioid=888888&amp;stype=-9&amp;sView=day&amp;sTrn=2');" href="#">Book Online</a>
</div><br />

我一直在嘗試將在網上找到的各種JavaScript代碼片段添加到onclick“”中，但它破壞了根代碼的功能。

我的猜測是我需要用javascript編寫整個內容，但我什至不知道從哪里開始。 我發現的所有內容都假定您對如何實現javascript有所了解。 不幸的是，我只是一個初學者，但是我真的很想讓它工作。

Answer 1

首先，他們編寫代碼的方式沒有錯，但建議您使用腳本標記並在其中編寫JavaScript代碼。 我們用

$(ready).document({}) 

在頁面加載后運行javascript，因此不要使用此選項可能對您有所幫助。

Answer 2

我了解的是，在腳本加載之前，您需要顯示一個微調器-

有多種解決方法-使用圖像阻止UI，直到腳本加載等。

但是最簡單的方法是使用http://fgnass.github.io/spin.js/上的 -Spin.js插件

希望這可以幫助。