Question

我的网站有多种语言，目前语言栏显示在网站顶部，每种语言都有一个按钮。我更喜欢的是一个按钮，单击一次，按钮图像变为联合插孔标记，调用英语，再次按下它，按钮图像变为法语，调用法语等。

这是一个按钮，可以多次通话吗？任何人都可以给我一个开始寻找这个的好地方吗？

Answer 1

是的，有可能。您的html看起来像这样：

<button id='changeLang' onclick='changeLang()'></button>

（请记住将此设置为默认值以开始）

和你的javascript：

    var counter = 0;
    function changeLang(){
       var buttonDetails = document.getElementById('changeLang');
       buttonDetails.innerHTML = "";
       switch(counter){

          case 0:
             buttonDetails.innerHTML = "<img src='unionJack.png' />English";
             counter +=1;
             break;
          case 1:
             buttonDetails.innerHTML = "<img src='frenchFlag.png' />French";
             counter +=1;
             break;
          case 2:
             //continue like above
          default:
             counter = 0;
             changeLang();
   }
}

如果您需要其他语言，只需将其添加到交换机即可。

或者，将案例代码更改为：

case 0:
   buttonDetails.src = "unionJack.png";
   counter +=1;
   break;

如果你想要的只是一张图片，请删除显示buttonDetails.innerHTML = "";的行。

要调用函数来更改语言，只需在其中一个开关案例中添加一个函数调用，如下所示：

case 0:
   buttonDetails.innerHTML = "<img src='unionJack.png' />English";
   counter +=1;
   foo(bar);     //just add your function call
   break;

相同的按钮，每次点击执行另一个功能...怎么样？

1 个答案: