HTML和JS常用转义字符大全
时间：5年前 阅读：5145
转义字符（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格遵守字母大小写的规则。第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。
如何显示空格？
通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用 表示空格。
HTML特殊转义字符列表
最常用的字符实体
| 显示 | 说明 | 实体名称 | 实体编号 |
|---|---|---|---|
| 半方大的空白 |   |   | |
| 全方大的空白 |   |   | |
| 不断行的空白格 | |   | |
| < | 小于 | < | < |
| > | 大于 | > | > |
| & | &符号 | & | & |
| " | 双引号 | " | " |
| © | 版权 | © | © |
| ® | 已注册商标 | ® | ® |
| ? | 商标（美国） | ? | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
(1)针对双引号“”的使用：
html= "<a href=\"javascript:void(0)\"
onclick=\"getSubContent('" +(choices[next])[0]+ "','" +(choices[next])[1]+ "','" +(choices[next])[2]+ "','"
+((choices[next])[3])+ "')\">下一题 → </a>";
其中转义字符→表示"→"；
(2)针对单引号‘’的使用：
html+= "<li class='option'><input onclick='singleFun(this,\" " +data[0].subType+ "\" )'
name='checkbox' checked='checked' type=" +(data[0].subType== "single" ?'radio':'checkbox')
+ " value='" +data[i].code+ "'>" + optionContent + "</li>" ;
注意：其中的
"<a href=\"javascript:void(0)\" ></a>" 与"<li class= ' option ' >"+optionContent+"</li>" 的区别，其中后在双引号中使用单引号就不需要转义字符
JavaScript转义符
| 代码 | 输出 |
|---|---|
| \' | 单引号 |
| \" | 双引号 |
| \& | 和号 |
| \\ | 反斜杠 |
| \n | 换行符 |
| \r | 回车符 |
| \t | 制表符 |
| \b | 退格符 |
| \f | 换页符 |
编程的时候要注意特殊字符的问题，很多运行时出现的问题都是因为特殊字符的出现而引起的。
注意：由于反斜杠本身用作转义符，因此不能直接在脚本中键入一个反斜杠。如果要产生一个反斜杠，必须一起键入两个反斜杠 (\\)。
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知
网友评论