如何在 HTML 的 JavaScript 中正确编码 & 符号？

在 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中文网其他相关文章！