HTML 轉義是一種將特殊字符編碼為瀏覽器可以正確顯示的實體字符的方式。如果這些特殊字符不進行轉義,瀏覽器將無法正確解析它們并顯示出來。在 HTML 中,有一些特殊字符需要進行轉義,比如“&”、“<”、“>”等。
使用 jQuery 時,如果直接將 HTML 代碼插入頁面中,容易出現跨站腳本攻擊(XSS)的問題。為了避免這種情況的發生,應該對特殊字符進行轉義。
var htmlString = "這是一段 HTML 代碼,其中包含特殊字符&、<、>等。"; var escapedHtml = $('').text(htmlString).html(); $('.targetDiv').html(escapedHtml);以上代碼中,使用 jQuery 選擇器找到了一個名為“targetDiv”的元素。將 HTML 代碼插入到頁面時,首先使用 text() 方法對字符串進行轉義,然后再使用 html() 方法插入到頁面中。
在 jQuery 中,有一個專門的函數可以實現 HTML 轉義:$.escapeHtml()。使用該函數可以簡化代碼,實現相同的功能。
var htmlString = "這是一段 HTML 代碼,其中包含特殊字符&、<、>等。"; var escapedHtml = $.escapeHtml(htmlString); $('.targetDiv').html(escapedHtml);以上代碼中,使用 $.escapeHtml() 函數對 HTML 代碼進行轉義,然后使用 html() 方法插入到頁面中。相較于前一段代碼,該段代碼更簡潔明了。