逸出字元串(Escape Sequence)也稱字元實體(Character
Entity)。在HTML中,定義逸出字元串的原因有兩個:第一個原因是像“<”和“>”這類符號已經用來表示HTML標籤,因此就不能直
接當作文本中的符號來使用。為了在HTML文檔中使用這些符號,就需要定義它的逸出字元串。當解釋程式遇到這類字串時就把它解釋為真實的字元。在輸入逸出字元串時,要嚴格遵守字母大小寫規則。第二個原因是,有些字元在ASCII字元集中沒有定義,因此需要使用逸出字元串來表示。HTML特殊逸出字元列表最常用的字元實體
Character Entities
顯示 |
說明 |
實體名稱 |
實體編號 |
|
半方大的空白 |
  |
  |
|
全方大的空白 |
  |
  |
|
不斷行的空白欄框 |
|
  |
< |
小於 |
< |
< |
> |
大於 |
> |
> |
& |
&符號 |
& |
& |
" |
雙引號 |
" |
" |
|
著作權 |
© |
© |
|
登入商標 |
® |
® |
|
商標(美國) |
|
™ |
× |
乘號 |
× |
× |
÷ |
除號 |
÷ |
÷ |
其他字元
字元 |
十進位 |
逸出字元 |
字元 |
十進位 |
逸出字元 |
字元 |
十進位 |
逸出字元 |
? |
¡ |
¡ |
Á |
Á |
Á |
á |
á |
á |
¢ |
¢ |
¢ |
 |
 |
ˆ |
â |
â |
â |
£ |
£ |
£ |
à |
à |
à |
ã |
ã |
ã |
¤ |
¤ |
¤ |
Ä |
Ä |
Ä |
ä |
ä |
ä |
¥ |
¥ |
¥ |
Å |
Å |
˚ |
å |
å |
å |
| |
¦ |
¦ |
Æ |
Æ |
Æ |
æ |
æ |
æ |
§ |
§ |
§ |
Ç |
Ç |
Ç |
ç |
ç |
ç |
¨ |
¨ |
¨ |
È |
È |
È |
è |
è |
è |
|
© |
© |
É |
É |
É |
é |
é |
é |
a |
ª |
ª |
Ê |
Ê |
Ê |
ê |
ê |
ê |
? |
« |
« |
Ë |
Ë |
Ë |
ë |
ë |
ë |
? |
¬ |
¬ |
Ì |
Ì |
Ì |
ì |
ì |
ì |
\x7f |
­ |
­ |
Í |
Í |
Í |
í |
í |
í |
|
® |
® |
Î |
Î |
Î |
î |
î |
î |
ˉ |
¯ |
¯ |
Ï |
Ï |
Ï |
ï |
ï |
ï |
° |
° |
° |
Ð |
Ð |
Ð |
ð |
ð |
&ieth; |
± |
± |
± |
Ñ |
Ñ |
Ñ |
ñ |
ñ |
ñ |
2 |
² |
² |
Ò |
Ò |
Ò |
ò |
ò |
ò |
3 |
³ |
³ |
Ó |
Ó |
Ó |
ó |
ó |
ó |
′ |
´ |
´ |
Ô |
Ô |
Ô |
ô |
ô |
ô |
μ |
µ |
µ |
Õ |
Õ |
Õ |
õ |
õ |
õ |
? |
¶ |
¶ |
Ö |
Ö |
Ö |
ö |
ö |
ö |
· |
· |
· |
× |
× |
× |
÷ |
÷ |
÷ |
? |
¸ |
¸ |
Ø |
Ø |
Ø |
ø |
ø |
ø |
1 |
¹ |
¹ |
Ù |
Ù |
Ù |
ù |
ù |
ù |
o |
º |
º |
Ú |
Ú |
Ú |
ú |
ú |
ú |
? |
» |
» |
Û |
Û |
Û |
û |
û |
û |
? |
¼ |
¼ |
Ü |
Ü |
Ü |
ü |
ü |
ü |
? |
½ |
½ |
Ý |
Ý |
Ý |
ý |
ý |
ý |
? |
¾ |
¾ |
Þ |
Þ |
Þ |
þ |
þ |
þ |
? |
¿ |
¿ |
ß |
ß |
ß |
ÿ |
ÿ |
ÿ |
À |
À |
À |
à |
à |
à |
|
——————————————————————————————————————
javascript逸出字元
逸出字元 |
含義 |
\b |
退格 |
\t |
TAB,水平 |
\v |
TAB,垂直 |
\n |
斷行符號換行 |
\r |
換行 |
\" |
雙引號 |
\' |
單印號 |
\\ |
\ |
\uhhhh |
十六進位編碼的Unicode字元 |
——————————————————————————————————————
<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 />
</body>
</html>
//事件綁定函數alert中的參數,如果是數字可以直接寫,如果是字串要加單引號,其他函數也是這樣
//項目中的對比:
1、傳遞參數為字串
searchResultContent = searchResultContent + "<tr><td align='center'>" + i + "</td><td align='center'>" + graphic.attributes["NAME"] + "</td><td align='center'>攝區</td><td align='center'>類型</td><td align='center'>生產時間</td>" + "<td align='center'" + "onclick = generateDetails('" + graphic.attributes["NAME"] + "');" + ">詳細資料</td></tr>";
2、傳遞參數為數字
searchResultContent = searchResultContent + "<A " +"onclick = lightenGraphic(" + index + "," + position + ");" + "href=\"javascript:void(0)\";>" +graphic.attributes["zonename"] + "</A>" + " ";
3、
//事件綁定函數中傳遞參數,如果參數是數字,不用單引號,如果是字串,要用單引號;
//並資料行繫結的事件之間不需要加入分號,否則後邊的事件不能綁定
searchResultContent = searchResultContent + "<A " +
"onmouseout = unlightenGraphic(" + index + ") " +
"onclick = lightenGraphic(" + index + "," + position + ");" +
"href=\"javascript:void(0)\"; style=\"cursor:pointer\";>" +
graphic.attributes["zonename"] +
"</A>" + " ";