如何在不使用Javascript编码标签本身的情况下HTML编码可能具有html标签的文本

Question

基本上，我有一些文本可能包含HTML标记，但也可能包含非HTML编码的字符。

var doc = window.document.implementation.createDocument
    ('http://www.w3.org/1999/xhtml', 'html',  null);
var text = '<head><script>somejs</script>' +
      '<script>var x = 7; var y = 5; var foo = x < y;</script>' +
      '</head><body></body>');

我希望将文本设置为一个元素innerHTML属性。 如果我只是做

doc.getElementsByTagName('html')[0].innerHTML = text;

由于x和y之间的小于号，这将导致INVALID_STATE_ERR：DOM异常11。

但是，如果我对可变文本进行htmlEncode，则会得到

&lt;head&gt;&lt;script&gt;somejs&lt;/script&gt;&lt;script&gt;var x = 7; var y = 5; var     foo = x &lt; y;&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;

因此，一旦设置了innerHTML，我就失去了元素所需的所有标记，这些标记才能使元素表现出所需的行为。 有没有一种标准的方法可以对字符串中所有标签的内容进行html编码而不对标签本身进行编码？

Answer 1

对于内联脚本，当后跟一个空格字符>或/ ，需要转义字符串</script ，否则它将关闭相应的开始标记。

因此，代替</script>您可以使用<\\/script> 这有效：

var text = '<head><script>somejs<\/script><script>var x = 7; var y = 5; var foo = x < y;<\/script></head><body></body>';
el.innerHTML = text;

更新：现在，您已经编辑了问题，我看到您正在使用XHTML！ 这就解释了– innerHTML在XHTML中不起作用。

如何在不使用Javascript编码标签本身的情况下HTML编码可能具有html标签的文本

问题描述

1 个解决方案

解决方案1
0 2012-02-02 20:34:38

如何在不使用Javascript编码标签本身的情况下HTML编码可能具有html标签的文本

问题描述

1 个解决方案

解决方案1 0 2012-02-02 20:34:38

解决方案1
0 2012-02-02 20:34:38