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 중국어 웹사이트의 기타 관련 기사를 참조하세요!