javascript - 一键同时执行两个javascript函数？

Question

<center>
        <form id="f1">
            <textarea name="textcontent" id="styled" cols="40" rows="4"></textarea>
                <br>
            <input onclick='JavaScript:xmlhttpPost("/cgi-bin/test.py")' type="button" value="Show" class="blue"/>
                <br><br>
            <div id="qList">
                <img id="loading_image" src="ajax-loader.gif"/>
            </div>
        </form>
</center>

Show我希望在单击按钮时出现代码中显示的图像，并将图像替换为 python 文件返回的内容。

我知道我可以使用这个脚本onclick="$('#loading_image').show();"，但我怎样才能让它们一起执行，以便将图像替换为其他内容？

Answer 1

首先，最好使用addEventListener, 或.on来自 jQuery。

其次，您所要做的就是让您的处理程序调用这两个函数：

function handler() {
    xmlhttpPost("/cgi-bin/test.py");
    $('#loading_image').show();
}

然后绑定如下：

<input id="myInput" type="button" value="Show" class="blue"/>

...

$("#myInput").on("click", handler);

Answer 2

最好的方法是：

<input type="button" onclick="manyfunctions()" value="Send" />
<script src="script.js" type="text/javascript"></script>

而 script.js 应该是这样的：

function manyfunctions() {
  somefunctions()
  anotherfunction()
    //List functions to herre
}