html 的转译与反转译

最新推荐文章于 2024-07-18 08:55:40 发布

原创最新推荐文章于 2024-07-18 08:55:40 发布 · 5.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#反转译字符串html #html转译字符串

html 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种将HTML代码转换为转义字符串的方法，并提供了如何将转义后的字符串还原回原始HTML代码的实现。通过两个具体示例，展示了如何使用JavaScript进行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>