没有调用javascript onclick（）函数

Question

我有一个搜索页面，需要时间才能在提交时加载结果。所以我决定展示一个loading.gif来让用户在加载时保持娱乐。下面是javascript函数，jsp上的div元素和对javascript函数的调用。

JS

function goodbye(){
console.log();
var pb = document.getElementById("loading");
pb.innerHTML = '<img src= "images/loadingAnimation.gif" />';
pb.style.display = 'block';
return true;
}

DIV

<div id="loading" style="position:absolute; width:100%; text-align:20%; top:100px; height: auto; left: 500px;"></div>

致电JS

<td><html:submit property="method" value="Submit"
                    onclick="return goodbye();" styleClass="btn2" /></td>

我甚至得到了记录：＆＃34;在控制台上。并且所有java脚本都位于脚本标记之间的同一页面上，而不是单独的.js文件

编辑：我在body标签和表单标签之间有div标签。

Answer 1

我已经尝试过您的代码，它对我有用..

function goodbye() {
        console.log();
        var pb = document.getElementById("loading");
        pb.innerHTML = '<img src= "../images/loading.gif" />';
        pb.style.display = 'block';
        return true;
    }

我注意到的是，div放置是位置：绝对导致问题，因为你的div将相对于你的父div放置。它可能会放在一些其他地方而不是你期望的地方。

我已经给边界调试了。你可以试试这个。

 <div id="loading" style="width: 100%;  border:2px solid black"></div>

Answer 2

当我将img标签移动到div中时，它对我有用。

<div id="loading" style="display:none; position:absolute; width:100%; text-align:20%; top:100px; height: auto; left: 400px;">
<img src= "images/load.gif" /></div>

但感谢所有尝试过的人。

Answer 3

将onclick="return goodbye();"替换为onclick="goodbye()"