前段，js转义html实体

最新推荐文章于 2024-01-02 14:40:40 发布

原创最新推荐文章于 2024-01-02 14:40:40 发布 · 408 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript

PHP 专栏收录该内容

58 篇文章

订阅专栏

本文介绍了使用jQuery实现HTML编码和解码的方法，包括如何利用text()和html()函数进行HTML内容的转义与反转义操作。通过具体的函数示例，展示了如何处理HTML特殊字符以确保网页内容的正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function htmlEncode(value){  
  return $('<div/>').text(value).html();  
}  
//Html解码获取Html实体  
function htmlDecode(value){  
  return $('<div/>').html(value).text();  
}

借助text()和html()函数来转译html
text() : 方法获取/设置的是匹配元素的文本内容，且会将HTML中的预留字符（如大于号（>））转换成html字符实体，以便于正确显示.
//编码
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;  
}

html(): 方法是获取/设置匹配元素的html内容。

jQuery两句话实现HTML转义与反转义

$('<div>').text('<a>').html()
结果：&lt;a&gt;

$('<div>').html('&lt;a&gt;').text()
结果：<a>

第二种方案：

        var txt = decodeURIComponent(decodeURI($_GET['contents']));
//    console.log(txt);
        string = txt.replace(/\\n/g,'<br />');
        $('.con').html(string);