JS实现Html转义和反转义

最新推荐文章于 2023-10-02 16:36:48 发布

木辰風

最新推荐文章于 2023-10-02 16:36:48 发布

阅读量708

点赞数

分类专栏： script 文章标签： javascript html java

本文链接：https://blog.csdn.net/qq_42277412/article/details/128552323

版权

script 专栏收录该内容

9 篇文章

订阅专栏

文章提供了两个JavaScript函数，$.escapeHTML用于对HTML特殊字符进行转义，如将<转换为&lt;，而$.unescapeHtml则执行反转义操作，将转义后的字符恢复原样。这两个函数对于处理用户输入并确保HTML安全显示非常有用。

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

转义html

$.escapeHTML = function escapeHTML(text) {
  if (typeof text === 'string') {
    return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;').replace(/`/g, '&#x60;');
  }
  return text;
};

$.escapeHTML = function escapeHTML(str) {
    if(!str) return "";
    var temp = str;
    temp = temp.replace(/&/g, '&amp;');
    temp = temp.replace(/</g,'&lt;');
    temp = temp.replace(/>/g,'&gt;');
    temp = temp.replace(/\s/g,'&nbsp;');
    temp = temp.replace(/'/g,'&#039;');
    temp = temp.replace(/"/g,'&quot;');
    temp = temp.replace(/`/g,'&#x60;');
    return temp;
};

反转义html

$.unescapeHtml = function unescapeHtml(str){
    if(!str) return "";
    var temp = str;
    temp = temp.replace(/&amp;/g, "&");
    temp = temp.replace(/&lt;/g,"<");
    temp = temp.replace(/&gt;/g,">");
    temp = temp.replace(/&nbsp;/g," ");
    temp = temp.replace(/&#39;/g,"\'");
    temp = temp.replace(/&quot;/g,"\"");
    return temp;
};

例如：

$.unescapeHtml('<a >')

<a >