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

时间:2015-03-05 13:46:02

标签: javascript jquery html hyperlink

我不知道如何为onclick html链接添加这2个动作,有人可以帮助我吗?

第一个:

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>

3 个答案:

答案 0 :(得分:2)

你可以假装在onclick里面有一个身体功能,例如:

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

在你的情况下,你可以写:

<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的坏习惯......你应该考虑从脚本中添加事件监听器

答案 1 :(得分:1)

你可以通过这种方式实现它,在函数中包含你需要做的两个操作:

onclick="clickFunction();"

clickFunction():

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

答案 2 :(得分:0)

<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>