>웹 프론트엔드 >JS 튜토리얼 >HTML 속성에 대해 JavaScript에서 큰따옴표를 이스케이프하는 방법은 무엇입니까?

HTML 속성에 대해 JavaScript에서 큰따옴표를 이스케이프하는 방법은 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-12 16:32:021046검색

How to Escape Double Quotes in JavaScript for HTML Attributes?

HTML 속성에 대한 JavaScript의 큰따옴표 이스케이프

데이터베이스 값을 HTML로 출력할 때 큰따옴표와 같은 특수 문자를 올바르게 이스케이프하는 것이 중요합니다. 브라우저 구문 분석 오류를 방지합니다. onclick 이벤트 핸들러의 경우 큰따옴표는 속성의 끝을 나타내므로 의도하지 않은 스크립트 잘림이 발생합니다.

문제 설명:

데이터베이스 필드에 값이 포함되어 있습니다. 여기에는 공백과 큰따옴표가 포함됩니다. HTML 태그의 onclick 속성 내에서 이 값을 출력하려고 할 때 Firefox는 "Assess"라는 단어 뒤의 공백에서 JavaScript 호출을 잘렸습니다.

해결책:

To HTML 컨텍스트에서 큰따옴표 문자를 이스케이프하려면 JavaScript 이스케이프 문자()를 사용하면 안 됩니다. 대신 적절한 XML 엔터티 표현(")을 사용해야 합니다. 큰따옴표를 "로 바꾸면 브라우저는 전체 문자열을 onclick 속성의 일부로 해석합니다.

업데이트된 HTML:

<a href="#" onclick="DoEdit('Preliminary Assessment &amp;quot;Mini&amp;quot;'); return false;">edit</a>

설명:

" 엔터티는 onclick 속성을 종료하는 대신 문자 시퀀스를 큰따옴표로 해석하도록 브라우저에 지시합니다. 이렇게 하면 JavaScript 호출이 의도한 대로 실행됩니다.

위 내용은 HTML 속성에 대해 JavaScript에서 큰따옴표를 이스케이프하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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