JavaScript에서 HTML 특수 문자를 어떻게 이스케이프합니까?

JavaScript에서 HTML 특수 문자 이스케이프

JavaScript 기능을 사용하여 HTML에서 텍스트를 표시할 때 오류 및 오류를 방지하려면 HTML 특수 문자를 이스케이프하는 것이 중요합니다. 예상치 못한 행동. 이스케이프해야 하는 특수 문자에는 &(앰퍼샌드), < (미만), > (보다 큼), "(큰따옴표) 및 '(작은따옴표).

함수를 사용하여 HTML 특수 문자 이스케이프

다행히도 JavaScript는 쉬운 방법을 제공합니다. 다음 함수를 사용하여 이러한 특수 문자를 이스케이프 처리합니다.

function escapeHtml(unsafe) {
  return unsafe
    .replace(/&/g, "&")
    .replace(/</g, "&amp;lt;")
    .replace(/>/g, "&amp;gt;")
    .replace(/&quot;/g, "&amp;quot;")
    .replace(/'/g, "&amp;#039;");
}

이 함수는 안전하지 않은 문자열을 입력으로 사용하고 HTML 특수 문자의 모든 인스턴스를 이스케이프된 해당 문자로 대체하여 이스케이프된 문자열을 사용합니다.

최신 브라우저에서 HTML 특수 문자 이스케이프

replaceAll 메소드를 지원하는 최신 웹 브라우저의 경우 이스케이프 기능의 단순화된 버전을 사용할 수 있습니다.

const escapeHtml = (unsafe) => {
  return unsafe
    .replaceAll("&", "&")
    .replaceAll("<", "&amp;lt;")
    .replaceAll(">", "&amp;gt;")
    .replaceAll("&quot;", "&amp;quot;")
    .replaceAll("'", "&amp;#039;");
};

이러한 기능을 사용하면 HTML 특수 문자를 안전하게 표시할 수 있습니다. JavaScript 기능에서 콘텐츠가 보안 문제 없이 올바르게 렌더링되도록 보장합니다.

위 내용은 JavaScript에서 HTML 특수 문자를 어떻게 이스케이프합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!