一键调用多个函数javascript

Question

我想知道是否可以用一个 html 按钮调用多个函数？

<button onclick:"functions()">Calls</button>

因此，任何人都可以尝试向我解释是否可能以及如何通过一些代码片段或任何内容向我展示。

Answer 1

是的，这是可能的，就像这样：这是最好的选择，因为您使用 javascript 将事件处理程序附加到 DOM 节点，请参阅此

html：

<button id="calls">Calls</button>

javascript:

document.getElementsById('calls').addEventListener('click', function(){
    function1();
    function2()
})
function function1() {
    //whatever you want which will be called first by the button
}
function function2() {
    //whatever you want which will be called second by the button
}

<button id="calls">Calls</button>

document.getElementsById('calls').addEventListener('click', function(){
    function1();
    function2()
})
function function1() {
    //whatever you want which will be called first by the button
}
function function2() {
    //whatever you want which will be called second by the button
}

或者：

html：

<button onclick="function1();function2();">Calls</button>

javascript:

function function1() {
    //whatever you want which will be called first by the button
}
function function2() {
    //whatever you want which will be called second by the button
}

document.getElementById('calls').addEventListener('click', function(){
    function1();
    function2()
})
function function1() {
    console.log("function1 was called first")
}
function function2() {
    console.log("function2 was called second")
}

<button id="calls">Calls</button>

或者：

html：

<button onclick="functions()">Calls</button>

javascript:

function functions() {
    function1();
    function2();
}
function function1() {
    //whatever you want which will be called first by the button
}
function function2() {
    //whatever you want which will be called second by the button
}

<button onclick="function1();function2();">Calls</button>

function function1() {
    //whatever you want which will be called first by the button
}
function function2() {
    //whatever you want which will be called second by the button
}