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

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

Barbara Streisand
풀어 주다: 2024-11-13 12:34:02
원래의
1060명이 탐색했습니다.

How to Escape Quotes in JavaScript for HTML Attributes?

HTML 속성을 위해 JavaScript에서 따옴표 이스케이프 처리

데이터베이스에서 HTML 페이지로 값을 출력할 때 따옴표와 같은 특정 문자를 올바르게 처리하는 것이 중요합니다. 예상치 못한 동작.

데이터베이스에서 검색된 문자열을 onclick HTML 속성의 매개변수로 사용해야 하는 예를 생각해 보세요.

<a href="" onclick="DoEdit('DESCRIPTION');">Click Me</a>
로그인 후 복사

설명에 공백과 따옴표가 포함된 경우 as:

Prelim Assess "Mini" Report
로그인 후 복사

Firefox는 "Assess" 뒤의 큰따옴표로 인해 "Assess"에서 공백 뒤의 onclick 속성을 너무 일찍 잘라냅니다.

이 문제를 해결하려면 "escape"가 필요합니다. " 귀찮은 인용문. 이 HTML 컨텍스트에서는 JavaScript 이스케이프 문자를 사용하는 것만으로는 충분하지 않지만 다른 접근 방식이 필요합니다.

해결 방법은 큰따옴표 문자를 해당 XML 엔터티 표현인 "로 바꾸는 것입니다. 이렇게 하면 큰따옴표가 HTML 속성 내에서 문자열 구분 기호로 해석됩니다.

<a href="#" onclick="DoEdit('Preliminary Assessment &amp;quot;Mini&amp;quot;'); return false;">edit</a>
로그인 후 복사

문자열에서 큰따옴표를 이스케이프 처리하면 onclick 속성이 이제 의도한 대로 작동합니다.

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

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