javascript單引號(hào)和雙引號(hào)的區(qū)別和處理
更新時(shí)間:2014年05月14日 16:39:22 作者:
這篇文章主要介紹了javascript單引號(hào)和雙引號(hào)的區(qū)別和處理,希望對(duì)大家有所幫助
單引號(hào)和雙引號(hào)其實(shí)沒(méi)啥區(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è)中的按鈕,寫(xiě)onclick事件的處理代碼,不小心寫(xiě)成如下:
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出錯(cuò)后,再漫不經(jīng)心地改為:
<input value="Test" type="button" onclick="alert(\"OK\");" />
結(jié)果還是出錯(cuò)。
這時(shí),我就想不通了,雖然我知道最直接的解決方法是寫(xiě)成這樣:
<input value="" type="button" onclick="alert('OK');" />
但為什么javascript中的轉(zhuǎn)義字符\沒(méi)有效果了呢?
后來(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á)方法:
<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>
復(fù)制代碼 代碼如下:
<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è)中的按鈕,寫(xiě)onclick事件的處理代碼,不小心寫(xiě)成如下:
復(fù)制代碼 代碼如下:
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出錯(cuò)后,再漫不經(jīng)心地改為:
復(fù)制代碼 代碼如下:
<input value="Test" type="button" onclick="alert(\"OK\");" />
結(jié)果還是出錯(cuò)。
這時(shí),我就想不通了,雖然我知道最直接的解決方法是寫(xiě)成這樣:
復(fù)制代碼 代碼如下:
<input value="" type="button" onclick="alert('OK');" />
但為什么javascript中的轉(zhuǎn)義字符\沒(méi)有效果了呢?
后來(lái)找到一段正常的代碼:
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
- JavaScript 限制文本框不可輸入英文單雙引號(hào)的方法
- js 單引號(hào)替換成雙引號(hào),雙引號(hào)替換成單引號(hào)的實(shí)現(xiàn)方法
- JavaScript中的單引號(hào)和雙引號(hào)報(bào)錯(cuò)的解決方法
- js 賦值包含單引號(hào)雙引號(hào)問(wèn)題的解決方法
- Js參數(shù)值中含有單引號(hào)或雙引號(hào)問(wèn)題的解決方法
- 淺析Js中的單引號(hào)與雙引號(hào)問(wèn)題
- js中單引號(hào)與雙引號(hào)沖突問(wèn)題解決方法
- javascript 復(fù)雜的嵌套環(huán)境中輸出單引號(hào)和雙引號(hào)
- 關(guān)于JavaScript的單雙引號(hào)嵌套問(wèn)題
相關(guān)文章
前后臺(tái)交互過(guò)程中json格式如何解析以及如何生成
json格式想必大家會(huì)很熟悉;因?yàn)樗赼jax異步應(yīng)用中會(huì)顯得很有魅力,有些新手朋友對(duì)其有點(diǎn)陌生,接下來(lái)介紹前臺(tái)如何解析json格式以及后臺(tái)如何生成json格式等,需要了解的朋友可以參考下2012-12-12JavaScript 鼠標(biāo)事件(MouseEvent)案例講解
這篇文章主要介紹了JavaScript 鼠標(biāo)事件(MouseEvent)案例講解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08javascript判斷回文數(shù)詳解及實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript判斷回文數(shù)詳解及實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02Javascript & DHTML 實(shí)例編程(教程)(三)初級(jí)實(shí)例篇1—上傳文件控件實(shí)例
Javascript & DHTML 實(shí)例編程(教程)(三)初級(jí)實(shí)例篇1—上傳文件控件實(shí)例...2007-06-06jQuery中文入門(mén)指南,翻譯加實(shí)例,jQuery的起點(diǎn)教程
jQuery中文入門(mén)指南,翻譯加實(shí)例,jQuery的起點(diǎn)教程...2007-01-01原生js實(shí)現(xiàn)節(jié)日時(shí)間倒計(jì)時(shí)功能
本文主要分享了原生js實(shí)現(xiàn)節(jié)日時(shí)間倒計(jì)時(shí)功能的示例代碼。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01