javascript單引號和雙引號的區別和處理

2019-11-20 15:24:06

字體：大中小

來源：轉載

供稿：網友

單引號和雙引號其實沒啥區別，看你自己習慣了

 
<input type="button" onclick="alert("1")">-------------------不正確 
<input type="button" onclick="alert('1')">-------------------正確 

雙引號中再用雙引號要這樣：
var str = "abc/"def/"ghi"
用反斜杠來禁止解析雙引號。

下面是我摘錄的，希望對你有用：

在一個網頁中的按鈕，寫onclick事件的處理代碼，不小心寫成如下：

復制代碼代碼如下:

IE提示出錯后，再漫不經心地改為：

復制代碼代碼如下:

結果還是出錯。
這時，我就想不通了，雖然我知道最直接的解決方法是寫成這樣：

復制代碼代碼如下:

但為什么javascript中的轉義字符/沒有效果了呢？

后來找到一段正常的代碼：

復制代碼代碼如下:

這時才理解，原來這時，還是歸于HTML的管轄范圍，所以轉義字符應該使用HTML的，而不是javascript的。兩個雙引號的做法是vbScript的，/"這種做法則是javascript的，而HTML的，則是用"，此外還可以使用："、'。
下面列出各種表達方法：

復制代碼代碼如下:

 
<html> 
<body> 
<input value="外雙引號內雙引號-錯誤" type="button" onclick="alert("OK");" /><br /> 
<input value="外單引號內單引號-錯誤" type="button" onclick='alert('OK');' /><br /> 
<input value="兩個雙引號-錯誤" type="button" onclick="alert(""OK"");" /><br /> 
<input value="兩個單引號-錯誤" type="button" onclick="alert(''OK'');" /><br /> 
<input value="/+雙引號-錯誤" type="button" onclick="alert(/"OK/");" /><br /> 
<input value="/+單引號-錯誤" type="button" onclick="alert(/'OK/');" /><br /> 
<input value="外雙引號內單引號-OK" type="button" onclick="alert('OK');" /><br /> 
<input value="外單引號內雙引號-OK" type="button" onclick='alert("OK");' /><br /> 
<input value="外部不使用引號-OK" type="button" onclick=alert('OK');alert("OK"); /><br /> 
<input value="HTML轉義字符"(& # 3 4 ;)-OK" type="button" onclick="alert("OK");" /><br /> 
<input value="HTML轉義字符'(& # 3 9 ;)-OK" type="button" onclick="alert('OK');" /><br /> 
<input value="HTML轉義字符"(& # x 2 2 ;)-OK" type="button" onclick="alert('OK');" /><br /> 
<input value="HTML轉義字符'(& # x 2 7 ;)-OK" type="button" onclick="alert('OK');" /><br /> 
<input value="HTML轉義字符"(& q u o t ;)-OK" type="button" onclick="alert("OK");" /><br /> 
<input value="HTML轉義字符'(& a p o s ;)-IE錯誤" type="button" onclick="alert('OK');" /><br /> 
<input value="其它//-錯誤" type="button" onclick="alert(//"OK//");" /><br /> 
<input value="其它/& # 3 4 ;-錯誤" type="button" onclick="alert(/"OK/");" /><br /> 
</body> 
</html> 