Question

我只需要在javascript中使用onclick事件同时调用两个函数和一个html页面这是我尝试过的..但是不起作用！

 <button type="button">
        <a href = "example.html"
        onclick="return check();
        check2();">Login </a>
</button>

Answer 1

尝试此操作。无需return

<button type="button" onclick="check();check2();">Login</button>

或者，更优雅的解决方案：

<button type="button" onclick="click();">Login</button>

在您的JavaScript上

function click() {
  check();
  check2();
}

Answer 2

HTML

<button onclick="main_check()">Login</button>

JavaScript

function main_check() {
    check();
    check2();
    window.location = 'example.html';
}

Answer 3

将锚点放在按钮外部：

<a href="link.html" onclick="check(); check2();">
        <button>Login</button>
</a>

Answer 4

您创建一个包装器函数，然后在其中调用这两个函数，然后重定向到其他页面

<button type="button">
        <a href="#"
        onclick="wrapperFunction()">Login </a>
</button>

function wrapperFunction() {
   check();
   check2();
   window.location.href = 'example.html';
}

Answer 5

创建一个函数，并在该函数调用check和check1中，由于要执行href，因此从true事件处理程序返回onclick

function check() {
  console.log('check')
}

function check2() {
  console.log('check2')

}

function singleFnc(e) {
  check();
  check2();
  return true;
}

<button type="button"><a href = "http://www.google.com"
            onclick="singleFnc(event)">Login </a>
    </button>

Answer 6

为什么不使用一个扭曲函数包含两个函数调用。

Answer 7

您可以跳过onclick属性，直接进入addEventListener。除了允许任意数量的功能外，该技术还使您可以将结构（在HTML中）和逻辑（在javascript中）的关注点分开。

<button id="myButton">Click me</button>
<script>
  const myButton = document.getElementById("myButton");
  myButton.addEventListener("click", function(){ check(); });
  myButton.addEventListener("click", function(){ check2(); });
</script>

Answer 8

您可以调用以下两个函数，并按如下所示返回该函数的值：

function check() {
/* Your code */
console.log("Check");
/* return the value */
return false;
}
function check2() {
/* Your code */
console.log("Check 2");
}

 <button type="button">
        <a href="example.html"
        onclick="return (function(){var ret = check(); check2(); return ret;})();">Login </a>
</button>

同时调用两个函数和带有onclick事件的html页面

8 个答案: