在 JavaScript 中讀取輸入欄位時如何保留 HTML 編碼？

從輸入欄位讀取時保留HTML 編碼

使用JavaScript 從隱藏欄位擷取值時，經常會遇到HTML 編碼被發生保留的情況遺失，導致出現不必要的字串值。在這種情況下，保持原始編碼格式變得至關重要。

幸運的是，可以採用多種方法對字串進行 HTML 編碼。一種有效的方法是利用DOMParser API，提供更現代、更可靠的解決方案：

const encodedValue = new DOMParser().parseFromString(value, "text/html").body.textContent;

或者，如果需要舊版相容性，以下基於jQuery 的函數可提供類似的功能：

function htmlEncode(value) {
  return $("<textarea>").text(value).html();
}

function htmlDecode(value) {
  return $("<textarea>").html(value).text();
}

這些函數利用隱藏的文字區域元素來操作字串。透過將其 textContent 設定為所需的值，瀏覽器會自動對內容進行 HTML 編碼。隨後，可以透過innerHTML屬性檢索編碼後的HTML。

對於html解碼，過程相反，將編碼後的HTML設定為textarea的innerHTML，並獲得解碼後的textContent。

透過採用其中一種技術，可以從輸入欄位中提取 HTML 編碼值，同時保留原始格式，確保準確的字串表示。

以上是在 JavaScript 中讀取輸入欄位時如何保留 HTML 編碼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！