Javascript-在加载页面内容时将图标/图像放在页面上,并在某些JS事件中使用它

Javascript-在加载页面内容时将图标/图像放在页面上,并在某些JS事件中使用它,javascript,html,forms,Javascript,Html,Forms,我正在使用javascript的domready事件。使用此事件,我在用户提交表单后显示处理图标,以向用户显示表单正在处理 问题是,正在正确添加处理图标,但当它第一次添加到页面上时,需要一些时间才能加载到页面上。所以它不向用户显示,表单的处理正在进行 我需要在加载表单或页面时加载此处理图标。所以,提交表单后,它将出现并显示在页面上 请注意,在我的情况下,我应该通过添加图像标签来添加图标,如 <img src='images/loading.gif' style='border:0 none

我正在使用javascript的domready事件。使用此事件,我在用户提交表单后显示处理图标,以向用户显示表单正在处理

问题是,正在正确添加处理图标,但当它第一次添加到页面上时,需要一些时间才能加载到页面上。所以它不向用户显示,表单的处理正在进行

我需要在加载表单或页面时加载此处理图标。所以,提交表单后,它将出现并显示在页面上

请注意,在我的情况下,我应该通过添加图像标签来添加图标,如

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

请建议任何解决方案。

您可以在首次加载页面时运行此JavaScript代码来预加载图标:

var imgLoading = new Image;
imgLoading.src = 'images/loading.gif';
在运行代码之前,不需要等待domready或类似的东西;您可以在初始页面加载期间或之后的任何时间执行此操作