相同的按鈕，每次點擊執行另一個功能...如何？

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;