如何在 HTML link 中添加 2 个不同的 onclick 方法

Question

我不知道如何为 onclick 添加这 2 个动作 html link，有人可以帮助我吗？

第一个：

onclick="myFunction()"

第二个：

onclick='document.cookie="firstname=John;expires=Wed, 18 Dec 2023 12:00:00 GMT"'

我想要这样的东西：

<a href="Tabs.html" onclick=" 'myFunction();' 'document.cookie="firstname=John;expires=Wed, 18 Dec 2023 12:00:00 GMT";' ">
    Start <i class="fa fa-play-circle-o fa-lg"></i>
</a>

Answer 1

你可以假装在 onclick 里面有一个 body 函数，例如：

<a href="#" onclick="alert('a');alert('e');">Start <i class="fa fa-play-circle-o fa-lg"></i> </a>

在你的情况下，你可以这样写：

<a href="Tabs.html" onclick="myFunction(); document.cookie='firstname=John;expires=Wed, 18 Dec 2023 12:00:00 GMT'">Start <i class="fa fa-play-circle-o fa-lg"></i> </a>

但是，直接在html标签内写js是个坏习惯...你应该考虑从脚本中添加事件监听器

Answer 2

<a href="Tabs.html" onclick="myFunction(); document.cookie='firstname=John;expires=Wed, 18 Dec 2023 12:00:00 GMT';">
Start <i class="fa fa-play-circle-o fa-lg"></i>

Answer 3

你可以这样实现，将你需要做的两个操作包装在一个函数中：

onclick="clickFunction();"

点击函数():

function clickFunction() {
     myFunction();
     document.cookie="firstname=John;expires=Wed, 18 Dec 2023 12:00:00 GMT";
}

如何在 HTML link 中添加 2 个不同的 onclick 方法

How to add 2 different onclick methods in HTML link

html

javascript

jquery

hyperlink