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插件

希望这可以帮助。