首頁 > web前端 > js教程 > 如何在 HTML 的 JavaScript 中正確編碼 & 符號?

如何在 HTML 的 JavaScript 中正確編碼 & 符號?

Mary-Kate Olsen
發布: 2024-12-20 17:09:16
原創
978 人瀏覽過

How to Properly Encode Ampersands in JavaScript for HTML?

在 JavaScript 中編碼 & 符號

從隱藏輸入欄位檢索值時遇到 HTML 編碼遺失的問題。在輸入欄位中編碼的值出現在沒有正確編碼的文字方塊中。這會導致“&”字元按字面解釋,而不是解釋為 HTML 實體。

要解決此問題,您可以使用 JavaScript 函式庫或 jQuery 方法對字串進行編碼。

DOMParser API

  • 建立一個新的 DOMParser實例。
  • 使用 parseFromString 方法解析 HTML 字串並建立一個新的 Document 物件。
  • 檢索所建立文件的內部文本,該文本將進行 HTML 編碼。
const parser = new DOMParser();
const encodedText = parser.parseFromString('<p>chalk &amp; cheese</p>', 'text/html').documentElement.textContent;
登入後複製

自定義 JavaScript函數

function htmlEncode(value) {
  // Create a temporary textarea element
  const textarea = document.createElement('textarea');
  textarea.textContent = value;
  const encodedValue = textarea.value;

  // Remove the created textarea element
  textarea.remove();

  return encodedValue;
}
登入後複製

用法示例

const hiddenValue = $('#hiddenId').attr('value');
const encodedValue = htmlEncode(hiddenValue);
$('#textboxId').val(encodedValue);
登入後複製

以上是如何在 HTML 的 JavaScript 中正確編碼 & 符號?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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