一次性調用Javascript函數

我的代碼的目的是隨機顯示四個圖標，並根據用戶點擊哪一個圖標，將少量文本附加到文本文件。我的問題是，點擊一個圖標後，所有四個函數被調用，它將四次寫入txt文件。我怎樣才能得到它，以便只調用正確對應的函數。一次性調用Javascript函數

<div style="text-align:center" "padding-left: 60px"> 
     <form action="(im hiding the URL)construct/index.html" id="formid" onclick= function() {myFunction()}> 
      <form> 

      </form> 
     </form> 
    </div> 

    <script> 
     document.getElementById("icon_1.png").onclick = function writeTo1(){ 
      <?php 
       $file = fopen("icon_select.txt","a"); 
       echo fwrite($file,"-Icon 1-"); 
       fclose($file); 
      ?> 
     } 
     document.getElementById("icon_2.png").onclick = function writeTo2(){ 
      <?php 
       $file = fopen("icon_select.txt","a"); 
       echo fwrite($file,"-Icon 2-"); 
       fclose($file); 
      ?> 
     } 
     document.getElementById("icon_3.png").onclick = function writeTo3(){ 
      <?php 
       $file = fopen("icon_select.txt","a"); 
       echo fwrite($file,"-Icon 3-"); 
       fclose($file); 
      ?> 
     } 
     document.getElementById("icon_4.png").onclick = function writeTo4(){ 
      <?php 
       $file = fopen("icon_select.txt","a"); 
       echo fwrite($file,"-Icon 4-"); 
       fclose($file); 
      ?> 
     } 
    </script>

來源

2015-06-15 Breezey

你不能將php和javascript混合使用。 javascript在瀏覽器中執行，php在服務器上執行 –

你知道一個好辦法，我可以解決這個問題嗎？ @FaizRasool – Breezey

@FaizRasool當然，你可以:) –

我看來像PHP的4位請求頁面時運行，因此增加了當時的文本文件。然後當JavaScript運行時函數是空的，所以它沒有任何作用。檢查瀏覽器中的頁面源以查看瀏覽器和加載頁面後的功能，但在單擊圖標之前檢查文本是否已添加到文件。

來源

2015-06-15 16:18:30 zefram

一次性調用Javascript函數

回答

相關問題