在我的jsp代碼中發現奇怪的東西，x ++不起作用

Question

我的循環工作正常，但jsp中x變量的值不會改變。

function divProductVisible(elem){ 
       var div = document.getElementById('linkHD'); 
       var divProduct = document.getElementById('linkProduct'); 
       div.style.visibility = 'visible'; 
       divProduct.style.visibility = 'hidden'; 
       var linkHD = elem.innerHTML; 
       var x =3; 
       var y; 
       var i; 
       <% int x= 0;%> 
       alert(<%=x%>); 
       for(i = 0; i < x ;i++){ 
        <% dataProduct1 = daftarProduct1[x]; x++;%> 
          alert(<%=x%>); 

       } 
      } 

但是，此代碼工作正常

function divHDVisible(elem){ 
      var div = document.getElementById('linkHD'); 
      var divProduct = document.getElementById('linkProduct'); 
      div.style.visibility = 'visible'; 
      divProduct.style.visibility = 'hidden'; 
      var linkHD = elem.innerHTML; 
      var x =<%=daftarJobs1.length%>; 
      var y; 
      var i; 
      for(i = 0; i < x ;i++){ 
       <% dataJobs1 = daftarJobs1[x]; x++;%> 
       if(linkHD.toString() == <%=dataJobs1.getID_Harware_Use()%>){ 
       <% 
       idTT = dataJobs1.getID_Harware_Use(); 
       %> 
      } 
      } 
      alert(<%=x%>); 
     } 

這兩種方法都在同一頁，輸出是必須相同。

Answer 1

我假設這兩個塊在同一個JSP文件中。

到JSP，外<% %>什麼是文本，所以對於實際的執行，它只是認爲：

text 
<% int x= 0;%> 
text<%=x%>text 
text 
<% dataProduct1 = daftarProduct1[x]; x++;%> 
text<%=x%>text 
text 

text 
text<%=daftarJobs1.length%>text 
text 
<% dataJobs1 = daftarJobs1[x]; x++;%> 
text<%=dataJobs1.getID_Harware_Use()%>text 
<% idTT = dataJobs1.getID_Harware_Use(); %> 
text 
text<%=x%>text 
text 

---

執行，也就是說變成：

text 
text0text 
text 
text1text 
text 

text 
text3text 
text 
text999text 
text 
text2text 
text 

其中999是值爲daftarJobs1[1].getID_Harware_Use()。

---

因此第二個塊無法編譯。第一塊變成：

function divProductVisible(elem){ 
    var div = document.getElementById('linkHD'); 
    var divProduct = document.getElementById('linkProduct'); 
    div.style.visibility = 'visible'; 
    divProduct.style.visibility = 'hidden'; 
    var linkHD = elem.innerHTML; 
    var x =3; 
    var y; 
    var i; 
    alert(0); 
    for(i = 0; i < x ;i++){ 
     alert(1); 
    } 
} 

function divHDVisible(elem){ 
    var div = document.getElementById('linkHD'); 
    var divProduct = document.getElementById('linkProduct'); 
    div.style.visibility = 'visible'; 
    divProduct.style.visibility = 'hidden'; 
    var linkHD = elem.innerHTML; 
    var x =3; 
    var y; 
    var i; 
    for(i = 0; i < x ;i++){ 
     if(linkHD.toString() == 999){ 
     } 
    } 
    alert(2); 
} 

那麼，哪一個做了你所期望的呢？