我可以将 onclick 用于第二个事件吗？答案

【问题标题】：Can I use onclick for a second event?我可以将 onclick 用于第二个事件吗？
【发布时间】：2014-03-20 14:56:10
【问题描述】：

我想使用 onclick() 将我的网站翻译成法语。然后我想用同样的方法翻译回英文。

这里是代码。任何的想法？谢谢！

<html>
<head><title>Test Translate</title>

<script language="JavaScript">

function TranslateToFrench()
{
    MyText.innerText = "Ceci est un texte en Français.";
    languageBox.innerText = "English";
}

function TranslateToEnglish()
{
    MyText.innerText = "This is a text in English.";
    languageBox.innerText = "Français";
}

</script>

</head>

<body>

    <h3 id="languageBox" align="right" onclick="TranslateToFrench()">Français</h3>   

    <p id="MyText">This is a text in English.</p>

</body>

</html>

【问题讨论】：

标签： javascript html events onclick translation

【解决方案1】：

<html>
<head><title>Test Translate</title>

<script>

var app = 0;

function Translate()

   if(app == 0){
        app = 1;
        TranslateToFrench();

   }else{
        app = 0;
        TranslateToEnglish();
   }
}

function TranslateToFrench()
{
    MyText.innerText = "Ceci est un texte en Français.";
    languageBox.innerText = "English";
}

function TranslateToEnglish()
{
    MyText.innerText = "This is a text in English.";
    languageBox.innerText = "Français";
}

</script>

</head>

<body>

    <h3 id="languageBox" align="right" onclick="Translate()">Français</h3>   

    <p id="MyText">This is a text in English.</p>

</body>

</html>

【讨论】：

如果解决方案让您满意并让您满意，您可以接受答案：D
哦，是的，当然。我是这个网站的新手。没有问题:-)

【解决方案2】：

只需检查 h3 元素 innerText 并调用正确的函数

试试：

function TranslateToFrench()
{
    if(languageBox.innerText==="Français"){    
        MyText.innerText = "Ceci est un texte en Français.";
        languageBox.innerText = "English";}
    else{
        TranslateToEnglish();
    }
}

function TranslateToEnglish()
{
    MyText.innerText = "This is a text in English.";
    languageBox.innerText = "Français";
}

DEMO

【讨论】：