快捷導(dǎo)航

淺析Js中的單引號(hào)與雙引號(hào)問題

更新時(shí)間：2013年11月06日 09:40:22 作者：

本文是對(duì)Js中單引號(hào)與雙引號(hào)的使用進(jìn)行了總結(jié)介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助

單引號(hào)和雙引號(hào)其實(shí)沒啥區(qū)別，看你自己習(xí)慣了

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

雙引號(hào)中再用雙引號(hào)要這樣：
var str = "abc\"def\"ghi"
用反斜杠來(lái)禁止解析雙引號(hào)。

下面是我摘錄的，希望對(duì)你有用：

在一個(gè)網(wǎng)頁(yè)中的按鈕，寫onclick事件的處理代碼，不小心寫成如下：
<input value="Test" type="button" onclick="alert(""OK"");" />

IE提示出錯(cuò)后，再漫不經(jīng)心地改為：
<input value="Test" type="button" onclick="alert(\"OK\");" />

結(jié)果還是出錯(cuò)。
這時(shí)，我就想不通了，雖然我知道最直接的解決方法是寫成這樣：
<input value="" type="button" onclick="alert('OK');" />
但為什么javascript中的轉(zhuǎn)義字符\沒有效果了呢？

后來(lái)找到一段正常的代碼：
<input value="Test" type="button" onclick="alert("OK");" />
這時(shí)才理解，原來(lái)這時(shí)，還是歸于HTML的管轄范圍，所以轉(zhuǎn)義字符應(yīng)該使用HTML的，而不是javascript的。兩個(gè)雙引號(hào)的做法是vbScript的，\"這種做法則是javascript的，而HTML的，則是用"，此外還可以使用："、'。

下面列出各種表達(dá)方法：

復(fù)制代碼代碼如下:

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