是否可以让HTML中的一个链接执行两个脚本

Is it possible to make a link in HTML execute two scripts?

本文关键字:一个 链接 执行 脚本 两个 HTML 是否      更新时间:2023-09-26

我正试图在html中获得一个链接来执行两个不同的javascript脚本。我可能会把两个脚本都重写成一个,但我有一种感觉,这个问题会在一个更复杂的脚本中再次出现,这不是一个选择。

我正在尝试获得一个链接来隐藏和显示<div>,并将链接的文本从"隐藏"更改为"显示",反之亦然。

以下是我的一些代码片段:

Javascript

function hide(object)
{
if (object.style.display=="block")
    object.style.display="none"
else
    object.style.display="block"
}
function menuChange(object)
{
if (object.innerHTML=="hide")
    object.innerHTML="show"
else
    object.innerHTML="hide"
}

我希望这两个都在时执行

<a id="button">hide</a>

按下。

有没有一种方法可以做到这一点,而不需要将两个脚本结合起来?

生成第三个函数:

function doBoth(object) {
  hide(object);
  menuChange(object);
}

我通常为每个元素或元素组创建一个函数,并将其称为buttonOnClick(),它只调用一个或多个完成其工作的函数。

Stenci的选项在您的情况下效果良好。您也可以在第一个函数中接受一个可选参数,然后对该参数执行条件运算,从第一个函数内调用第二个函数。