22
2019
07

HTML和JS常用转义字符大全

转义字符(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。

如何显示空格?

  通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用&nbsp;表示空格。

HTML特殊转义字符列表

最常用的字符实体

显示 说明 实体名称 实体编号

半方大的空白 &ensp; &#8194;

全方大的空白 &emsp; &#8195;

不断行的空白格 &nbsp; &#160;
< 小于 &lt; &#60;
> 大于 &gt; &#62;
& &符号 &amp; &#38;
" 双引号 &quot; &#34;
© 版权 &copy; &#169;
® 已注册商标 &reg; &#174;
? 商标(美国) ? &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

(1)针对双引号“”的使用:

html= "<a href=\"javascript:void(0)\" 

      onclick=\"getSubContent('" +(choices[next])[0]+ "','" +(choices[next])[1]+ "','" +(choices[next])[2]+ "','" 

         +((choices[next])[3])+ "')\">下一题 &rarr; </a>";

其中转义字符&rarr;表示"→";

(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/post/8053.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。