Question

我有一个HTML按钮。代码如下：

<div id="apDiv1">
    <input name="wpost" type="button" value="Publish" onClick="wall_publish()"/>
</div>

当用户点击“发布”按钮时，它会调用同一页中的'wall_publish（）'脚本函数。下面给出了'wall_publish（）'函数的代码，

<script> 
function wall_publish(){
       //some codes...
    }
</script>

我需要在“发布”按钮附近显示一个加载gif图像，直到脚本功能完成谁能告诉我怎么做？

Answer 1

你应该显示图片完成工作，然后再次删除它只是那么简单

function show pic();

function do job();

function remove pic();

Answer 2

如果您不知道如何展示图片，我认为您应该去查看java-script doc 如果您尝试使图片不可见，我可以建议您使用jquery库并添加行

$('#img').hide();隐藏它并$('#img').show();显示它; 这不是很具体，但你应该通过那个

我认为你是HTML代码但不确定

<img src="the adress of the image" id="gif" />

Answer 3

显示/删除任何html的最佳方法是使用display属性。

制作隐藏的图片。

function wall_publish（）{

document.getElementById('loading').style.display='inline'; /* display it */

// do what you need here

document.getElementById('loading').style.display='hidden'; /* put it away again */

}

当然，有十几种方法可以做到这一点。当我第一次开始学习javascript时，我选择了最常用的简单方法。

如何在脚本功能完成之前显示加载图像（GIF）

3 个答案: