前端部分特殊字符

符号	说明	编码		符号	说明	编码		符号	说明	编码
"	双引号	"		×	乘号	×		←	向左箭头	←
&	AND符号	&		÷	除号	÷		↑	向上箭头	↑
<	小于符号	&lt;		±	正负符号	&plusmn;		→	向右箭头	&rarr;
>	大于符号	&gt;		ƒ	function符号	&fnof;		↓	向下箭头	&darr;
	空格	&nbsp;		√	根号	&radic;		↔	双向箭头	&harr;
¿	倒问号	&iquest;		∞	无限大符号	&infin;		⇐	双线向左箭头	&lArr;
«	双左箭头	&laquo;		∠	角度符号	&ang;		⇑	双线向上箭头	&uArr;
»	双右箭头	&raquo;		∫	微积分符号	&int;		⇒	双线向右箭头	&rArr;
‘	左单引号	&lsquo;		°	度数符号	&deg;		⇓	双线向下箭头	&dArr;
’	右单引号	&rsquo;		≠	不等于符号	&ne;		⇔	双线双向箭头	&hArr;
“	左双引号	&ldquo;		≡	相等符号	&equiv;		♠	黑桃符号	&spades;
”	右双引号	&rdquo;		≤	小于等于符号	&le;		♣	梅花符号	&clubs;
¶	段落符号	&para;		≥	大于等于符号	&ge;		♥	红心符号	&hearts;
§	章节符号	&sect;		⊥	垂直符号	&perp;		♦	方块符号	&diams;
©	版权所有符号	&copy;		½	二分之一符号	&frac12;		α	Alpha符号	&alpha;
®	注册商标符号	&reg;		¼	四分之一符号	&frac14;		β	Bata符号	&beta;
™	商标符号	&trade;		¾	四分之三符号	&frac34;		γ	Gamma符号	&gamma;
€	欧元符号	&euro;		‰	百分符号	&permil;		Δ	Delta符号	&Delta;
¢	美分符号	&cent;		∴	所以符号	&there4;		θ	Theta符号	&theta;
£	英镑符号	&pound;		π	圆周率符号	&pi;		λ	Lambda符号	&lambda;
¥	人民币符号	&yen;		¹	批注1符号	&sup1;		Σ	Sigma符号	&Sigma;
…	...	&hellip;		²	批注2符号、平方	&sup2;		τ	Tau符号	&tau;
⊕	异或符号	&oplus;		³	批注3符号、立方	&sup3;		ω	Omega符号	&omega;
∇	倒三角型符号	&nabla;		↵	ENTER符号	&crarr;		Ω	Omega符号、奥姆符号	&Omega;

备注

不需要为& < > " '外其他符号使用实体引用，因为只要你的 HTML 的[字符编码设置为 UTF-8]，现代浏览器就能很好地处理实际符号。

特殊字符的表示有两种方式，十进制和实体名称。 比如单引号, 十进制表示为 ',实体名称是'。因为IE不支持 '。所以很多转义函数用的是十进制表示单引号。

转义

function escapeHTML(str) {
  const charMap = {
    '&': '&',
    '<': '&lt;',
    '>': '&gt;',
    "'": '&#39;',
    '"': '&quot;'
  };
  return str.replace(/[&<>'"]/g, tag => {
    return charMap[tag] || tag;
  });
}

逆转义

function unescapeHTML(str) {
  const charMap = {
    '&': '&',
    '&lt;': '<',
    '&gt;': '>',
    '&#39;': "'",
    '&apos;': "'",
    '&quot;': '"'
  };
  return str.replace(/&amp;|&lt;|&gt;|&#39;|&apos;|&quot;/g, tag => {
    return charMap[tag] || tag;
  });
}