在html中调用2个函数

Question

在我的game1.html中，我有一个名为Showhide（）的函数

我通过以下方式致电：

<<button id="button" onclick="showhide()">Click Me</button> 

但在我的init.js中我有一个函数，这就是函数的调用方式：

 document.getElementById('bodyresize').onclick = function() 

但现在我需要那些2合1 html按钮，所以当我按下按钮showhide首先做一些事情然后init.js中的功能做了一些事情

你们知道怎么做吗？

Answer 1

你可以这样做：

<button id="button" onclick="showhide(); otherFunction()">Click Me</button>

当然要使其工作，您需要将附加到bodyresize按钮的匿名函数修改为命名函数。这意味着你需要在init.js中更改它：

document.getElementById('bodyresize').onclick = function() {
// some stuff here
}

进入这个：

document.getElementById('bodyresize').onclick = anotherFunction;

function anotherFunction() {
// some stuff here
}

Answer 2

不要在html中使用javascript代码。这是一种不好的做法。并显示您的HTML，可能在这里工作嵌套的元素和javascript事件冒泡。你需要使用：

var bodyresize = document.getElementById('bodyresize');
bodyresize.addEventListener('click', function () {
   // function body
}, false);

在html中不要使用javascript：

<button id="button">Click Me</button> 

var btn = document.getElementById('button');
btn.addEventListenr('click', function () {

}, false);