javascript的转换特殊字符为HTML实体字符

首先来复习一下：RegExp对象和字符串的模式匹配的区别

RegExp与String的模式匹配的区别：
var text = “cat， bat， sat， fat”；
var pattern = /.at/;

//与pattern.exec(text)相同
var matches = text.match(pattern);

RegExp正则表达式的方法有：
        RegExp对象的exec(),  pattern.exec(text);  
        pattern.test(text); 测试是否成功匹配，返回boolean
字符串的模式匹配：
        match()方法：var matches = text.match(pattern);
        search方法：
        replace方法：
================
字符实体：
        比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。
字符实体有三部分：一个和号 (&)，一个实体名称，或者 # 和一个实体编号，以及一个分号 (;)。
如：<  等于&lt; 或者&#60;
空格
空格是 HTML 中最普通的字符实体。
通常情况下，HTML 会裁掉文档中的空格。假如你在文档中连续输入 10 个空格，那么 HTML 会去掉其中的9个。如果使用 &nbsp;，就可以在文档中增加空格。
最常用的字符实体
显示结果         描述         实体名称                 实体编号
                  空格                 &nbsp;                 &#160;
<                 小于号                 &lt;                 &#60;
>                 大于号                 &gt;                 &#62;
&                 和号                 &amp;                 &#38;
"                 引号                 &quot;                 &#34;
'                 撇号                  &apos; (IE不支持)   &#39;
'                 单引号：''' (single quote)                                 &#039;
其他一些常用的字符实体
显示结果         描述         实体名称         实体编号
￠                 分                  &cent;         &#162;
£                 镑                   &pound;         &#163;
¥                 日圆                 &yen;         &#165;
§                 节                     &sect;             &#167;
©                 版权                 &copy;         &#169;
®                 注册商标         &reg;            &#174;
×                 乘号                 &times;         &#215;
÷                 除号                 &divide;         &#247;

为插入HTML代码定义了函数：htmlEscape（），这个函数能够转义4个字符：小于号、大于号、和号以及双引号

/*
 * replace方法：replace(arg1, arg2);
 * 参数1：可以是RegExp对象，可以使字符串
 * 参数2：可以是字符串，可以是一些特殊字符，还可以是一个函数
 */
function htmlEscape(text){
	return text.replace(/[<>"&]/g, function(match, pos, orginalText){
		switch(match){
			case "<":
				return "<";
			case ">":
				return ">";
			case "&":
				return "&";
			case "\"":
				return """;
		}
	})
}
alert(htmlEscape("<p class=\"greeting\">Hello world!</p>"));