html 的转译 与 反转译

1、正常 html 代码 变为 转译字符串:

//var html ="<script src='http://cbjs.baidu.com/js/m.js' type='text/javascript'><\/script>";	
	var html = '<div><p>第一行</p><p>第二行</p></div>'
	function  htmlEscape(html){
		return html.replace(/[<>"&]/g,function(match,pos,originalText){
			switch(match){
				case "<":
				    return "&lt;";
				case ">":
				    return "&gt;"
				case "&":
				    return "&amp;";
				case "\"":
				    return "&quot;"
			}
		});
	}
	var result = htmlEscape(html);
	console.log("result:"+result);

结果为:&lt;div&gt;&lt;p&gt;第一行&lt;/p&gt;&lt;p&gt;第二行&lt;/p&gt;&lt;/div&gt;

2、反转译html:

var html = '&lt;div&gt;&lt;p&gt;第一行&lt;/p&gt;&lt;p&gt;第二行&lt;/p&gt;&lt;/div&gt;';
	var reg = /(&lt;)|(&gt;)|(&amp;)|(&quot;)/g;
	function  htmlEscape(html){
		return html.replace(reg,function(match){
			switch(match){
				case "&lt;":
				return "<";
				case "&gt;":
				return ">"
				case "&amp;":
				return "&";
				case "&quot;":
				return "\""
			}
		});
	}
	var result = htmlEscape(html);
	console.log("result:"+result);

	结果为:<div><p>第一行</p><p>第二行</p></div>

猜你喜欢

转载自blog.csdn.net/BetterGG/article/details/81079271