> 웹 프론트엔드 > JS 튜토리얼 > 내장 또는 사용자 정의 기능을 사용하여 JavaScript에서 HTML 특수 문자를 어떻게 이스케이프할 수 있습니까?

내장 또는 사용자 정의 기능을 사용하여 JavaScript에서 HTML 특수 문자를 어떻게 이스케이프할 수 있습니까?

Patricia Arquette
풀어 주다: 2024-11-19 04:31:02
원래의
200명이 탐색했습니다.

How Can I Escape HTML Special Characters in JavaScript Using Built-In or Custom Functions?

JavaScript에 내장된 함수로 HTML 특수 문자를 이스케이프하시겠습니까?

문의에서 알 수 있듯이 PHP의 htmlspecialchars는 번역 시 HTML 특수 문자를 인코딩하는 편리한 방법을 제공합니다. JavaScript의 해당 함수는 작업을 크게 단순화합니다.

escape() 및 encodeURI()와 같은 내장 함수는 문자 이스케이프를 예상대로 처리하지 않지만 사용 가능한 대안이 있습니다.

사용자 정의 구현

한 가지 접근 방식은 특정 문자를 바꾸는 사용자 정의 함수를 만드는 것입니다.

function escapeHtml(text) {
  return text
      .replace(/&/g, "&")
      .replace(/</g, &quot;&amp;lt;&quot;)
      .replace(/>/g, &quot;&amp;gt;&quot;)
      .replace(/&quot;/g, &quot;&amp;quot;&quot;)
      .replace(/'/g, &quot;&amp;#039;&quot;);
}
로그인 후 복사

이 함수는 입력 텍스트를 반복하고 특수 문자를 HTML로 인코딩된 해당 문자로 바꿉니다.

최적화된 버전

광범위한 텍스트 처리에 적합한 성능 최적화 버전:

function escapeHtml(text) {
  var map = {
    '&amp;': '&amp;amp;',
    '<': '&amp;lt;',
    '>': '&amp;gt;',
    '&quot;': '&amp;quot;',
    &quot;'&quot;: '&amp;#039;'
  };
  
  return text.replace(/[&amp;<>&quot;']/g, function(m) { return map[m]; });
}
로그인 후 복사

이 구현에서는 JavaScript 개체를 사용하여 특수 문자를 이스케이프 시퀀스에 매핑하고 정규식의 빠른 교체 성능.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿