javascript - 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 或类似的东西；您可以在初始页面加载期间或之后的任何时间执行此操作。