Question

如何一键运行五个JavaScript函数？

示例代码：

<img alt="move right" 
     src="Pictures/sides/right.gif" 
     id="MoveRight" 
     ***onclick="javascript:moveObjRight('ground','sky','mountain');"***
     style="z-index: 1; left: 801px; top: 37px; position: absolute; height: 33px; width: 34px;" 
/>

Answer 1

您可以在img标签

的onclick属性中添加所有功能

<img onclick="fnc1();fnc2();..." />

Answer 2

<img alt="move right" src="Pictures/sides/right.gif" id="MoveRight"
    onclick="moveObjRight('ground','sky','mountain');myFunction2();myFunction3();myFunction4();myFunction5();"
    style="z-index: 1; left: 801px; top: 37px; position: absolute; height: 33px;
    width: 34px;" />

或

<script type="text/javascript">
window.onload = function() {
    var ele = document.getElementById('MoveRight');
    ele.onclick = function() {
        moveObjRight('ground','sky','mountain');
        myFunction2();
        myFunction3();
        myFunction4();
        myFunction5();
    }
};
</script>

请注意，第二个选项将覆盖以前分配的window.onload和ele.onclick功能。如果您使用的是javascript库，请使用相应的dom ready事件（例如jQuery：$(document).ready(function(){/*code*/});或short：$(function(){/*code*/})）

Answer 3

您可以在on click事件上调用单个方法，在该方法中，您可以调用所有其他方法。

Answer 4

在其他功能中调用多个功能

<script type="text/javascript">
   function CallMultipleFunctions() {
     Function1();
     Function2();
     Function3();
     Function4();
}
</script>

<img onclick= "CallMultipleFunctions()"/>

修改

选中此link

如何通过一次单击运行多个JavaScript函数

4 个答案: