首頁 > web前端 > js教程 > 如何使用 JavaScript 或 jQuery 解碼 HTML 實體?

如何使用 JavaScript 或 jQuery 解碼 HTML 實體?

Patricia Arquette
發布: 2024-12-20 15:25:10
原創
648 人瀏覽過

How Can I Decode HTML Entities Using JavaScript or jQuery?

使用 JavaScript/jQuery 解碼 HTML 實體

在 Web 開發中,通常需要解碼 HTML 實體以正確顯示特殊字元。本問題探討如何使用 JavaScript 或 jQuery 來實現此目的。

解決方案 1:使用 jQuery

雖然提供的 jQuery 程式碼可以解碼 HTML 實體,但它具有相關的潛在缺點效能和安全性。建議更安全、更優化的功能:

var decodeEntities = (function() {
  // Internal element for HTML parsing
  var element = document.createElement('div');

  function decodeHTMLEntities(str) {
    if (str && typeof str === 'string') {
      // Sanitize HTML tags
      str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
      str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');

      // Decode entities
      element.innerHTML = str;
      str = element.textContent;
      element.textContent = '';
    }

    return str;
  }

  return decodeHTMLEntities;
})();
登入後複製

使用方法:

var decodedString = decodeEntities("&amp;amp;");
登入後複製

解決方案2:使用jQuery

解決方案2:使用jQuery

jQuery.decodeEntities = decodeHTMLEntities;
登入後複製

解決方案2:使用jQuery >decodeEntities函數可以輕鬆轉換為jQuery插件:

$(".selector").text(jQuery.decodeEntities("&amp;amp;"));
登入後複製

用法:

示例: 考慮輸入字串`var var

以上是如何使用 JavaScript 或 jQuery 解碼 HTML 實體?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板