>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 HTML 엔터티를 인코딩하고 디코딩하는 방법은 무엇입니까?

JavaScript에서 HTML 엔터티를 인코딩하고 디코딩하는 방법은 무엇입니까?

DDD
DDD원래의
2024-12-11 19:14:11229검색

How to Encode and Decode HTML Entities in JavaScript?

HTML 엔터티 디코딩

HTML 엔터티는 앞에 앰퍼샌드(&)와 세미콜론(;)이 오는 16진수 코드 포인트를 사용하여 표현되는 문자입니다. 예를 들어 앰퍼샌드 문자(&)는 &로 표시됩니다.

JavaScript에서 HTML 엔터티 인코딩

JavaScript에서 HTML 엔터티를 인코딩하려면 encodeURIComponent()를 사용합니다. 기능. 이 함수는 문자열을 입력으로 사용하고 ASCII가 아닌 모든 문자가 HTML 엔터티로 인코딩된 새 문자열을 반환합니다. 예를 들어, 다음 코드는 앰퍼샌드 문자(&)를 &로 인코딩합니다.

encodeURIComponent('&'); // "&"

JQuery를 사용하여 JavaScript에서 HTML 엔터티 디코딩

HTML 엔터티를 디코딩하려면 jQuery를 사용하는 JavaScript에서는 html() 함수를 사용합니다. 이 함수는 문자열을 입력으로 사용하고 모든 HTML 엔터티가 디코딩된 새 문자열을 반환합니다. 예를 들어, 다음 코드는 문자열 "&"를 앰퍼샌드 문자(&)로 디코딩합니다.

$.html('&'); // "&"

jQuery 없이 JavaScript에서 HTML 엔터티 디코딩

jQuery를 사용하고 싶지 않다면 다음 사용자 정의 함수를 사용하여 HTML 엔터티를 디코딩할 수 있습니다. JavaScript:

function decodeEntities(string) {
  var doc = new DOMParser().parseFromString(string, "text/html");
  return doc.documentElement.textContent;
}

이 함수는 입력 문자열에서 새 DOM 요소를 생성한 다음 DOM 요소에서 텍스트 콘텐츠를 추출합니다. 그러면 모든 HTML 엔터티가 디코딩됩니다. 예를 들어, 다음 코드는 문자열 "&"를 앰퍼샌드 문자(&)로 디코딩합니다.

decodeEntities('&'); // "&"

위 내용은 JavaScript에서 HTML 엔터티를 인코딩하고 디코딩하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.