HTML屬性內JS中的雙引號和單引號

Question

<!DOCTYPE html>
<html>
  <body onload="test();">

  <script>
    var number=1;
    var input='<div><input type="text" <? if('+number+'==1){ ?> size="1" <? } else{        ?>      size="100" <? } ?>><div>'+
    '<div>'+number+'</div>'+ 
    '<input type="text" <? if(1==1){ ?> size="1" <? } else{ ?> size="100" <? } ?>>';

    function test(){
      var div = document.getElementById('result');
      div.innerHTML = div.innerHTML + input;
    }

  </script>
  <div id="result"></div>
  </body>
</html>

有人可以幫我處理上面的代碼嗎？ 由於某種原因，我的第一個輸入框的大小為100，甚至應該為1。

Answer 1

您無法在php訪問JavaScript變量（例如number ）。

如果要使用number ，則需要在JavaScript以下操作：

   <!DOCTYPE html>
    <html>
    <body onload="test();">
    <script>
        var number = 1;
        var input = '<div><input type="text";';
        input += number == 1 ? ' size="1" ' : ' size="100" ';
        input += '><div>';
        input += '<div>' + number + '</div>';
        input += '<input type="text" ';
        input += 1 == 1 ? ' size="1" ' : ' size="100" ';
        input += '>';

        function test() {
            var div = document.getElementById('result');
            div.innerHTML = div.innerHTML + input;
        }
    </script>
    <div id="result"></div>
    </body>
    </html>

Answer 2

這是因為php代碼先於js代碼執行。 在執行php時，它嘗試檢查'+ number +'是否為1，但不是。 它是一個字符串。

php代碼在服務器中執行，而js代碼在瀏覽器中執行。 那是巨大的差異。

HTML屬性內JS中的雙引號和單引號

問題描述

2 個解決方案

解決方案1
1 2014-01-22 19:48:56

解決方案2
0 2014-01-22 19:47:56

HTML屬性內JS中的雙引號和單引號

問題描述

2 個解決方案

解決方案1 1 2014-01-22 19:48:56

解決方案2 0 2014-01-22 19:47:56

解決方案1
1 2014-01-22 19:48:56

解決方案2
0 2014-01-22 19:47:56