博客列表 >JS实现HTML标签转义及反转义

JS实现HTML标签转义及反转义

樂成的开发笔记
樂成的开发笔记原创
2020年04月13日 17:46:251467浏览

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    function html_encode(str) 
    { 
        var s = ""; 
        if (str.length == 0) return ""; 
        s = str.replace(/&/g, "&"); 
        s = s.replace(/</g, "<"); 
        s = s.replace(/>/g, ">"); 
        s = s.replace(/ /g, " "); 
        s = s.replace(/\'/g, "'"); 
        s = s.replace(/\"/g, '"'); 
            s = s.replace(/\n/g, "<br/>"); 
        return s; 
    } 
 
    function html_decode(str) 
    { 
        var s = ""; 
        if (str.length == 0) return ""; 
        s = str.replace(/&/g, "&"); 
        s = s.replace(/</g, "<"); 
        s = s.replace(/>/g, ">"); 
        s = s.replace(/ /g, " "); 
        s = s.replace(/'/g, "\'"); 
        s = s.replace(/"/g, "\""); 
        s = s.replace(/<br\/>/g, "\n"); 
        return s; 
    } 
 
 
 
    console.log(html_decode('<div>123</div>')); 
    console.log(html_encode(html_decode('<div>123</div>')));
</script>
</head>
<body>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


文章参考CSDN

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议