正则将空格替换为 之后html上直接用文本展示了，并没有转化为空格？

Question

正则将空格替换为 之后html上直接用文本展示了，并没有转化为空格

Answer 1

  <div id='div'></div>

  <script>

    var text = ' This is  a   dummy   text!    ';

    document.getElementById('div').innerText = text.replace(/ /g, '\u00a0');

  </script>

用 ' ' 只有设置为 innerHTML 有效，用 '\u00a0' 设置 textContent, innerHTML, innerText都有效。

Answer 2

如果是这种场景，为了防xss，建议使用实体和非实体的转化：

function htmlEncode(html) {

    var sub = document.createElement('div');

    sub.textContent != null ? sub.textContent = html : sub.innerText = html;

    var output = sub.innerHTML;

    sub = null;

    return output;

}

function htmlDecode(text) {

    var sub = document.createElement('div');

    sub.innerHTML = text;

    var output = sub.textContent || sub.innerText;

    sub = null;

    return output;

}