DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript單引號和雙引號的區別和處理
javascript單引號和雙引號的區別和處理
編輯:JavaScript基礎知識     
單引號和雙引號其實沒啥區別,看你自己習慣了
復制代碼 代碼如下:
<input type="button" onclick="alert("1")">-------------------不正確
<input type="button" onclick="alert('1')">-------------------正確

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

下面是我摘錄的,希望對你有用:

在一個網頁中的按鈕,寫onclick事件的處理代碼,不小心寫成如下:
復制代碼 代碼如下:
<input value="Test" type="button" onclick="alert(""OK"");" />

IE提示出錯後,再漫不經心地改為:
復制代碼 代碼如下:
<input value="Test" type="button" onclick="alert(\"OK\");" />

結果還是出錯。
這時,我就想不通了,雖然我知道最直接的解決方法是寫成這樣:
復制代碼 代碼如下:
<input value="" type="button" onclick="alert('OK');" />

但為什麼javascript中的轉義字符\沒有效果了呢?

後來找到一段正常的代碼:
復制代碼 代碼如下:
<input value="Test" type="button" onclick="alert("OK");" />

這時才理解,原來這時,還是歸於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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved