js中，转义字符的表示

最新推荐文章于 2022-07-04 17:29:33 发布
最新推荐文章于 2022-07-04 17:29:33 发布
阅读量493 收藏 4
点赞数
原文链接：http://www.cnblogs.com/lojun/p/6725198.html
版权

　　HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？

　　这就要说到HTML转义字符串（Escape Sequence）了。

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

转义字符串的组成

　　转义字符串（Escape Sequence），即字符实体（Character Entity）分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体（Entity）名字或者是#加上实体（Entity）编号；第三部分是一个分号。

　　比如，要显示小于号（<），就可以写 &lt; 或者 &#60; 。

　　用实体（Entity）名字的好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。

　　提示：实体名称（Entity）是区分大小写的。

　　备注：同一个符号，可以用“实体名称”和“实体编号”两种方式引用，“实体名称”的优势在于便于记忆，但不能保证所有的浏览器都能顺利识别它，而“实体编号”则没有这种担忧，但它实在不方便记忆。

如何显示空格？

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

HTML特殊转义字符列表

最常用的字符实体

　　Character Entities

显示说明实体名称实体编号
 半方大的空白&ensp;&#8194;
 全方大的空白&emsp;&#8195;
 不断行的空白格&nbsp;&#160;
<小于&lt;&#60;
>大于&gt;&#62;
&&符号&amp;&#38;
"双引号&quot;&#34;
©版权&copy;&#169;
®已注册商标&reg;&#174;
?商标（美国）?&#8482;
×乘号&times;&#215;
÷除号&divide;&#247;

 

ISO 8859-1 (Latin-1)字符集

　　HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。

　　备注：为了方便起见，以下表格中，“实体名称”简称为“名称”，“实体编号”简称为“编号”

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
 &nbsp;&#160;¡&iexcl;&#161;¢&cent;&#162;£&pound;&#163;¤&curren;&#164;
¥&yen;&#165;¦&brvbar;&#166;§&sect;&#167;¨&uml;&#168;©&copy;&#169;
ª&ordf;&#170;«&laquo;&#171;¬&not;&#172;­&shy;&#173;®&reg;&#174;
¯&macr;&#175;°&deg;&#176;±&plusmn;&#177;²&sup2;&#178;³&sup3;&#179;
´&acute;&#180;µ&micro;&#181;&para;&#182;·&middot;&#183;¸&cedil;&#184;
¹&sup1;&#185;º&ordm;&#186;»&raquo;&#187;¼&frac14;&#188;½&frac12;&#189;
¾&frac34;&#190;¿&iquest;&#191;À&Agrave;&#192;?&Aacute;&#193;Â&Acirc;&#194;
Ã&Atilde;&#195;Ä&Auml;&#196;Å&Aring;&#197;Æ&AElig;&#198;Ç&Ccedil;&#199;
È&Egrave;&#200;?&Eacute;&#201;Ê&Ecirc;&#202;Ë&Euml;&#203;Ì&Igrave;&#204;
?&Iacute;&#205;Î&Icirc;&#206;Ï&Iuml;&#207;Ð&ETH;&#208;Ñ&Ntilde;&#209;
Ò&Ograve;&#210;?&Oacute;&#211;Ô&Ocirc;&#212;Õ&Otilde;&#213;Ö&Ouml;&#214;
×&times;&#215;Ø&Oslash;&#216;Ù&Ugrave;&#217;?&Uacute;&#218;Û&Ucirc;&#219;
Ü&Uuml;&#220;?&Yacute;&#221;Þ&THORN;&#222;ß&szlig;&#223;à&agrave;&#224;
á&aacute;&#225;â&acirc;&#226;ã&atilde;&#227;ä&auml;&#228;å&aring;&#229;
æ&aelig;&#230;ç&ccedil;&#231;è&egrave;&#232;é&eacute;&#233;ê&ecirc;&#234;
ë&euml;&#235;ì&igrave;&#236;í&iacute;&#237;î&icirc;&#238;ï&iuml;&#239;
ð&eth;&#240;ñ&ntilde;&#241;ò&ograve;&#242;ó&oacute;&#243;ô&ocirc;&#244;
õ&otilde;&#245;ö&ouml;&#246;÷&divide;&#247;ø&oslash;&#248;ù&ugrave;&#249;
ú&uacute;&#250;û&ucirc;&#251;ü&uuml;&#252;?&yacute;&#253;þ&thorn;&#254;
ÿ&yuml;&#255;

数学和希腊字母标志 symbols, mathematical symbols, and Greek letters

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
?&fnof;&#402;Α&Alpha;&#913;Β&Beta;&#914;Γ&Gamma;&#915;Δ&Delta;&#916;
Ε&Epsilon;&#917;Ζ&Zeta;&#918;Η&Eta;&#919;Θ&Theta;&#920;Ι&Iota;&#921;
Κ&Kappa;&#922;Λ&Lambda;&#923;Μ&Mu;&#924;Ν&Nu;&#925;Ξ&Xi;&#926;
Ο&Omicron;&#927;Π&Pi;&#928;Ρ&Rho;&#929;Σ&Sigma;&#931;Τ&Tau;&#932;
Υ&Upsilon;&#933;Φ&Phi;&#934;Χ&Chi;&#935;Ψ&Psi;&#936;Ω&Omega;&#937;
α&alpha;&#945;β&beta;&#946;γ&gamma;&#947;δ&delta;&#948;ε&epsilon;&#949;
ζ&zeta;&#950;η&eta;&#951;θ&theta;&#952;ι&iota;&#953;κ&kappa;&#954;
λ&lambda;&#955;μ&mu;&#956;ν&nu;&#957;ξ&xi;&#958;ο&omicron;&#959;
π&pi;&#960;ρ&rho;&#961;?&sigmaf;&#962;σ&sigma;&#963;τ&tau;&#964;
υ&upsilon;&#965;φ&phi;&#966;χ&chi;&#967;ψ&psi;&#968;ω&omega;&#969;
?&thetasym;&#977;?&upsih;&#978;?&piv;&#982;?&bull;&#8226;…&hellip;&#8230;
′&prime;&#8242;″&Prime;&#8243;?&oline;&#8254;?&frasl;&#8260;?&weierp;&#8472;
?&image;&#8465;?&real;&#8476;?&trade;&#8482;?&alefsym;&#8501;←&larr;&#8592;
↑&uarr;&#8593;→&rarr;&#8594;↓&darr;&#8595;?&harr;&#8596;?&crarr;&#8629;
?&lArr;&#8656;?&uArr;&#8657;?&rArr;&#8658;?&dArr;&#8659;?&hArr;&#8660;
?&forall;&#8704;?&part;&#8706;?&exist;&#8707;?&empty;&#8709;?&nabla;&#8711;
∈&isin;&#8712;?&notin;&#8713;?&ni;&#8715;∏&prod;&#8719;∑&sum;&#8721;
?&minus;&#8722;?&lowast;&#8727;√&radic;&#8730;∝&prop;&#8733;∞&infin;&#8734;
∠&ang;&#8736;∧&and;&#8743;∨&or;&#8744;∩&cap;&#8745;∪&cup;&#8746;
∫&int;&#8747;∴&there4;&#8756;?&sim;&#8764;∝&cong;&#8773;≈&asymp;&#8776;
≠&ne;&#8800;≡&equiv;&#8801;≤&le;&#8804;≥&ge;&#8805;?&sub;&#8834;
?&sup;&#8835;?&nsub;&#8836;?&sube;&#8838;?&supe;&#8839;⊕&oplus;&#8853;
?&otimes;&#8855;⊥&perp;&#8869;?&sdot;&#8901;?&lceil;&#8968;?&rceil;&#8969;
?&lfloor;&#8970;?&rfloor;&#8971;?&lang;&#9001;?&rang;&#9002;?&loz;&#9674;
?&spades;&#9824;?&clubs;&#9827;?&hearts;&#9829;?&diams;&#9830;

重要的国际标记 markup-significant and internationalization characters

显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
"&quot;&#34;&&amp;&#38;<&lt;&#60;>&gt;&#62;?&OElig;&#338;
?&oelig;&#339;?&Scaron;&#352;?&scaron;&#353;?&Yuml;&#376;?&circ;&#710;
?&tilde;&#732;?&ensp;&#8194;?&emsp;&#8195;?&thinsp;&#8201;?&zwnj;&#8204;
?&zwj;&#8205;?&lrm;&#8206;?&rlm;&#8207;–&ndash;&#8211;—&mdash;&#8212;
‘&lsquo;&#8216;’&rsquo;&#8217;?&sbquo;&#8218;“&ldquo;&#8220;”&rdquo;&#8221;
?&bdquo;&#8222;?&dagger;&#8224;?&Dagger;&#8225;‰&permil;&#8240;?&lsaquo;&#8249;
?&rsaquo;&#8250;?&euro;&#8364;

JavaScript转义符

转义序列字符
\b退格
\f走纸换页
\n换行
\r回车
\t横向跳格 (Ctrl-I)
\'单引号
\"双引号
\\反斜杠

　　编程的时候要注意特殊字符的问题，很多运行时出现的问题都是因为特殊字符的出现而引起的。

　　注意，由于反斜杠本身用作转义符，因此不能直接在脚本中键入一个反斜杠。如果要产生一个反斜杠，必须一起键入两个反斜杠 (\\)。

说明：本文转自http://blog.csdn.net/xinzhu1990/article/details/7032301

转载于:https://www.cnblogs.com/lojun/p/6725198.html

ailv8451
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSON数据中存在单个转义字符“\”的处理方法
10-18
主要介绍了JSON数据中存在单个转义字符“”的处理方法,在这里反斜杠（又称右斜杠""），还表示转义字符，字符串中不能成单出现。具体内容详情大家跟随脚本之家小编一起看看吧
JS对HTML实体字符转义和反转义
qq_15509267的博客
12-14 1万+
一、名词解释 HTML实体字符： 由于在HTML中有些符号是预留的，比如在html中不能直接使用尖括号（‘&lt;’或‘&gt;’），会被误认为标签符号。所以需要通过HTML实体字符去进行替换； HTML实体字符两种形式： eg：小于号的HTML实体字符显示方式 数字形式：&amp;#60; 实体名形式：&amp;lt; 注意：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，...
js 转化为实体符_Javascript：字符的编码转换和实体转换 -问答-阿里云开发者社区-阿里云...
weixin_39906130的博客
12-19 133
function htmlEncode( s ){var result = "";for (var j = 0; j < s.length; j++ ) {// Encode 25% of charactersif (Math.random() < 0.25 || s.charAt(j) == ':' || s.charAt(j) == '@' || s.charAt(j) == '....
css正向过渡和反向过渡
qq_45849470的博客
05-23 975
CSS中过渡效果可以通过transition属性控制。 情况1：只在控制元素中使用使用transition属性，控制元素的正向过渡效果和反向过渡效果。 css代码： p{ width: 100px;height: 6px;position: absolute;top: -6px;left: 0px;background: #ca3333; transform: rotateY(90deg); transition: transform 1s; }
js的解析机制
zyp_kim的博客
03-13 811
个人理解。。。============================================================================js变量类型:var(所有【undefined、null、boolean、string、number、object】)声明。js函数。再浏览器运行代码之前会解析js代码：第一步:解析代码(1):把所有window全局变量赋值为unde...
js特殊字符转义介绍
01-19
点的转义：. ==> \\u002E 美元符号的转义：$ ==> \\u0024 乘方符号的转义：^ ==> \\u005E 左大括号的转义：{ ==> \\u007B 左方括号的转义：[ ==> \\u005B 左圆括号的转义：( ==> \\u0028 竖线的转义：| ==> \\u...
js 转义字符及URI编码详解
12-12
URL中的转义字符 当URL的参数中出现诸如+，空格，/，?，%，#，&，=等特殊字符串符号时，因为上述字符有特殊含义，导致服务器端无法正确解析参数，如何处理？解决办法：将这些字符转化成服务器可以识别的字符。 如果...
使用Js让Html中特殊字符不被转义
10-26
怎么让<textarea></textarea>之间包含的文本原封不动的显示出来呢？下面小编就为大家介绍一下具体的实现方法吧
JS中怎么表示 π （pai）
kilig
06-15 1万+
首先我们都知道圆的周长等于 π 乘以圆的直径，但是 π 这种值怎么在JavaScript程序中表示呢？ 我也在网上搜了好几篇JS关于 π 的表示博客查看，他们给的答案一般都是：Math.PI，然后解释PI就是圆周率π，PI是弧度制的π,也就是180°，所以，Math.PI = 3.14 = 180°。我总觉得这解释的一知半解，首先当我们碰到计算圆的周长这样一行代码实现逻辑的问题，绝大部分的可能也是刚接触JavaScript，对JavaScript也没有那么的了解，这一知半解的解释，也是让人有些懵
JavaScript string 的replace
weixin_34252090的博客
11-21 167
在使用JavaScript对字符串进行处理的时候我们经常会用到replace方法，很简单的一个方法，以前一直不以为意，直到今天看JavaScript语言精粹的时候读到了一个有趣的小例子的时候，并不是十分理解，了解了一下replace的用法才明白，原来replace不像想象中的那么简单。 replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 语法：s...
JS 字符转义
奥巴牛的博客
01-04 2461
; (function () { var HtmlUtil = { encode: function (str) { var s = ''; if (str.length === 0) { return; } s = str.replace(/&/
将HTML特殊转义为实体字符的两种实现方式
781193278专栏
05-24 2877
方式一、一个映射表+正则替换 var keys = Object.keys || function(obj) { obj = Object(obj) var arr = [] for (var a in obj) arr.push(a) return arr } var invert = function(obj) { obj = Object(ob
JavaScript转义字符
dxxxxx178的博客
12-29 3426
本篇文章由泉州SEOwww.234yp.com 整理发布，js教程www.234yp.com/Article/188271.html谢谢合作！js教程转义字符是字符的一种间接表示方式。在特殊语境中，无法直接使用字符自身。例如，在字符串中包含说话内容。 "子曰："学而不思则罔，思而不学则殆。"" 由于 JavaScript 已经赋予了双引号为字符串直接量的标识符，如果在字符串中包含双引号，就必须使用转义字符表示。 "子曰：\"学而不思则罔，思而不学则殆。\"" JavaScript 定义反...
HTML JS转义字符
热门推荐
xinzhu1990的专栏
12-01 10万+
HTML中，&等有特殊含义（，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？ 这就要说到HTML转义字符串（Escape Sequence）了。 　　转义字符（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“”这类符号
JS中的弧度与角度
vet_then_what的博客
07-04 1400
一个角有两种计量单位：弧度、角度如一个圆。两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时，两条射线的夹角的大小为1度。当角所对的弧长等于半径时，角的大小为1弧度，角所对的弧长是半径的几倍，那么角的大小就是几弧度。所以：。半圆（弧长 = 半径的Π倍）的弧度就是Π，整圆的弧度就是2Π。js中的Π就是这个常量。所以，拿一个圆举例：......
JS转义符
zhangge3663的博客
01-25 1万+
    在我们写JAVAScript脚本时，可能会要HTML文档显示或使用某些特殊字符(例如:引号或斜线)。(例如:&lt;img src="image5.jpg"&gt;)但是前面提到，声明一个字符串时，前后必须以引号括起来。如此一来，字符串当中引号可能会和标识字符串的引号搞混了，此时就要使用转义字符(Escape Character)。      JAVAScript使用以下八种转义字符。这...
2020-12-03
maogoulai22008的博客
12-03 134
转义字符 ===》意义 转义字符 意义 ASCII码值（十进制） \a 响铃(BEL) 007 \b 退格(BS) ，将当前位置移到前一列 008 \f 换页(FF)，将当前位置移到下页开头 012 \n 换行(.
JS中的单引号和双引号
weixin_34289454的博客
10-31 594
JS里面的单引号和双引号可以同时使用，但是要遵循一定的准则。 最外面用了双引号了，那么里面就不能再用双引号了，因为引号是成双对的，浏览器读到一个双引号后，到第2个双引号时才算结束；同理，浏览器读到一个单引号后，必须要读到第二个单引号才算结束， 不管是单引号还是双引号，里面都可以套相反的引号,但是不可以双引号里面套单引号，这个单引号再套双引号，这是不行...
JS——坑13
spfLinux的博客
01-22 257
停止定时器 var count=1000; var timer=setInterval(()=>{ --count; console.log(count); },1000); function pause(){ clearInterval(timer); timer=null; } 如果将上面pause()中的两条语句调换，则点击按
js中url可以用到的转义字符
最新发布
05-26
在 JavaScript 中，URL 可以使用以下转义字符： 1. %20：表示空格 2. %3C：表示小于号（<） 3. %3E：表示大于号（>） 4. %23：表示井号（#） 5. %25：表示百分号（%） 6. %7B：表示左花括号（{） 7. %7D：表示右花...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值