Question

我想在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>

被按下了。

有没有办法在不使用两个脚本的情况下执行此操作？

Answer 1

制作第3个功能：

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

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

Answer 2

Stenci的选择在你的情况下会很好用。您还可以在第一个函数中接受可选参数，然后对此参数执行条件操作以从第一个函数中调用第二个函数。

是否可以在HTML中创建一个链接执行两个脚本？

2 个答案: