淺析Js中的單引號與雙引號問題
單引號和雙引號其實(shí)沒啥區(qū)別，看你自己習(xí)慣了
<input type="button" onclick="alert("1")">-------------------不正確
<input type="button" onclick="alert('1')">-------------------正確
雙引號中再用雙引號要這樣：
var str = "abc\"def\"ghi"
用反斜杠來禁止解析雙引號。
下面是我摘錄的，希望對你有用：
在一個(gè)網(wǎng)頁中的按鈕，寫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)義字符\沒有效果了呢？
后來找到一段正常的代碼：
<input value="Test" type="button" onclick="alert("OK");" />
這時(shí)才理解，原來這時(shí)，還是歸于HTML的管轄范圍，所以轉(zhuǎn)義字符應(yīng)該使用HTML的，而不是javascript的。兩個(gè)雙引號的做法是vbScript的，\"這種做法則是javascript的，而HTML的，則是用"，此外還可以使用："、'。
下面列出各種表達(dá)方法：
<html>
<body>
<input value="外雙引號內(nèi)雙引號-錯(cuò)誤" type="button" onclick="alert("OK");" /><br />
<input value="外單引號內(nèi)單引號-錯(cuò)誤" type="button" onclick='alert('OK');' /><br />
<input value="兩個(gè)雙引號-錯(cuò)誤" type="button" onclick="alert(""OK"");" /><br />
<input value="兩個(gè)單引號-錯(cuò)誤" type="button" onclick="alert(''OK'');" /><br />
<input value="\+雙引號-錯(cuò)誤" type="button" onclick="alert(\"OK\");" /><br />
<input value="\+單引號-錯(cuò)誤" type="button" onclick="alert(\'OK\');" /><br />
<input value="外雙引號內(nèi)單引號-OK" type="button" onclick="alert('OK');" /><br />
<input value="外單引號內(nèi)雙引號-OK" type="button" onclick='alert("OK");' /><br />
<input value="外部不使用引號-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>
相關(guān)文章
這篇文章主要介紹了微信公眾平臺開發(fā)教程（五）詳解自定義菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-12-12
JavaScript正則替換HTML標(biāo)簽功能示例
這篇文章主要介紹了JavaScript正則替換HTML標(biāo)簽功能,結(jié)合完整實(shí)例形式詳細(xì)分析了javascript正則替換字符串操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
前端在線預(yù)覽PDF文件三種實(shí)現(xiàn)方式(兼容移動端)
這篇文章主要介紹了前端在線預(yù)覽PDF文件三種實(shí)現(xiàn)方式的相關(guān)資料,分別是使用微軟在線預(yù)覽地址、直接使用window.open打開文檔鏈接以及使用PDF.js,PDF.js方法穩(wěn)定,適用于大多數(shù)文件,每種方法都給出了詳細(xì)的代碼示例,需要的朋友可以參考下2025-02-02
這篇文章主要為大家詳細(xì)介紹了js如何編寫簡單的ajax方法庫，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
npm script和package-lock.json使用示例詳解
這篇文章主要為大家介紹了npm script和package-lock.json使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
可能在大家使用JavaScript效果時(shí)，會碰到在各個(gè)瀏覽器中頁面的顯示效果不同，甚至報(bào)錯(cuò)，這就是代碼的兼容性問題。本文就是主要介紹JavaScript的兼容性與調(diào)試技巧，希望對大家有所幫助2016-11-11
詳解js模板引擎art template數(shù)組渲染的方法
art-template 是一個(gè)簡約、超快的模板引擎。這篇文章主要介紹了詳解js模板引擎art template數(shù)組渲染的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
javascript將list轉(zhuǎn)換成樹狀結(jié)構(gòu)的實(shí)例
下面小編就為大家?guī)硪黄猨avascript將list轉(zhuǎn)換成樹狀結(jié)構(gòu)的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
刪除javascript所創(chuàng)建子節(jié)點(diǎn)的方法
這篇文章主要介紹了刪除javascript所創(chuàng)建子節(jié)點(diǎn)的方法,涉及javascript針對頁面節(jié)點(diǎn)元素的操作技巧,需要的朋友可以參考下2015-05-05
這篇文章主要給大家介紹了關(guān)于利用Canvas對圖片進(jìn)行處理的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09