在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