javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码

JavaScript中的htmlencode函数主要用于将包含特殊符号（如<、>、&等）的字符串转换成HTML实体，以便在HTML页面中正常显示。

以下是一个简单的htmlencode函数，支持FF浏览器：

function htmlEncode(s) {
  var el = document.createElement('div');
  el.innerText = el.textContent = s;
  s = el.innerHTML;
  return s;
}

该函数的主要步骤如下：

1. 创建一个新的div元素
2. 通过设置innerText和textContent属性，将输入的字符串s赋值给div元素
3. 将div元素的innerHTML属性作为输出结果返回

示例1：将包含特殊符号的字符串转换成HTML实体

var str = '<div>这是一条包含特殊符号的字符串</div>';
var encodedStr = htmlEncode(str);
console.log(encodedStr); // &lt;div&gt;这是一条包含特殊符号的字符串&lt;/div&gt;

在这个示例中，输入的字符串包含了HTML标签和特殊符号<和>，经过htmlEncode函数转换后，输出的字符串中<和>被转换成了<和>，以便在HTML页面中正常显示。

示例2：将编辑器中反转过来的HTML代码转换成正常的HTML

在一些编程编辑器中，为了方便用户进行编辑，会将HTML代码反转过来显示。此时可以通过htmlEncode函数将反转后的代码转换成正常的HTML代码。

var str = '<div>这是一段展示反转HTML代码的文字</div>\n' +
          '<div>∩( ・ω・)∩</div>\n' +
          '<!-- <div>这是反转的HTML代码</div> -->';

var reversedStr = str.split("").reverse().join("");
console.log(reversedStr);

var normalStr = htmlEncode(reversedStr);
console.log(normalStr);

在这个示例中，我们首先将HTML代码反转，然后调用htmlEncode函数将反转后的代码转换成正常的HTML代码。输出结果如下：

--><!-- " edocLTH rof tneS"=ssalc rutetihnoht niam diov citats <buS(・ω・ )( ・ω・)> enilno tnediorP /div><!--< nidoC/LTH<>=ssalc diov <buSedoc /div> -->\n<buS edoc<=ssalc rutetihnoht niam diov> siht erehT</buS>=div<
&lt;div&gt;这是反转HTML代码的文字&lt;/div&gt;
&lt;div&gt;∩( ・ω・)∩&lt;/div&gt;
&lt;!--&nbsp;&lt;div&gt;这是反转的HTML代码&lt;/div&gt;--&gt;

可以看到，经过htmlEncode函数转换后，输出的字符串中的标签和特殊符号被转换成了HTML实体，达到了正常显示的效果。