javascript雙引號轉義

時間 2019-11-10

原文原文鏈接

http://www.cnblogs.com/yzx99/archive/2008/08/08/1263416.htmljavascript

在一個網頁中的按鈕，寫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中的轉義字符/沒有效果了呢？java

後來找到一段正常的代碼：
<input value="Test" type="button" onclick="alert("OK");" />
這時才理解，原來這時，仍是歸於HTML的管轄範圍，因此轉義字符應該使用HTML的，而不是javascript的。兩個雙引號的作法是vbScript的，/"這種作法則是javascript的，而HTML的，則是用"，此外還能夠使用："、&#x27。web

下面列出各類表達方法：
<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 />spa

<input value="其它//-錯誤" type="button" onclick="alert(//"OK//");" /><br />
<input value="其它/& # 3 4 ;-錯誤" type="button" onclick="alert(/"OK/");" /><br />
</body>
</html>orm

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。