在javascript中打印html标签

Question

谢谢阅读！

var data = "<html><head><title>Hello</title></head><body>Hello Body</body></html>";

我想打印包括HTML标记的data ，而不必让浏览器呈现HTML标记并仅显示“ Hello Body”。

我试过了：

str = str.replace("<", "");

但徒劳无功。

Answer 1

 data = data.replace(/</g, "&lt;").replace(/>/g, "&gt;");

当浏览器遇到< （称为字符实体），它将用文字'<'替换它，使您能够在页面上显示HTML标签，而无需渲染它们。

/</g是一个正则表达式，只说“匹配字符串中的所有'<'”，而g表示全局进行匹配。 如果没有g ，它将仅替换它遇到的第一个'<'。

最后一点，最好使用jQuery之类的库来执行此操作。 这种东西很容易出错，容易遗漏边缘情况。 让经过强化，测试和安全的库功能为您完成。

Answer 2

实际（和更安全的解决方法）如下：

function htmlspecialchars(text){
    return jQuery('<div/>').text(text).html();
}

用纯JavaScript，这将是：

function htmlspecialchars(text){
    var tnd=document.createTextNode(text);
    var div=document.createElement("DIV");
    div.appendChild(tnd);
    return div.innerHTML;
}

Answer 3

这很丑陋，但是您可以尝试一下（从Prototype的escapeHTML()实现中escapeHTML() ）：

var data = "<html> <head> <title> Hello </title> </head> <body> Hello Body </body> </html>"
    .replace(/&/g,'&amp;')
    .replace(/</g,'&lt;')
    .replace(/>/g,'&gt;');

document.write(data);

当然，创建一些辅助功能会更好。

在javascript中打印html标签

问题描述

3 个解决方案

解决方案1
11 已采纳 2011-04-11 21:03:26

解决方案2
9 2011-04-11 21:14:35

解决方案3
3 2011-04-11 21:05:12

在javascript中打印html标签

问题描述

3 个解决方案

解决方案1 11 已采纳 2011-04-11 21:03:26

解决方案2 9 2011-04-11 21:14:35

解决方案3 3 2011-04-11 21:05:12

解决方案1
11 已采纳 2011-04-11 21:03:26

解决方案2
9 2011-04-11 21:14:35

解决方案3
3 2011-04-11 21:05:12