JavaScript의 문자열 인용 내에서 스크립트 태그를 닫으면 어떤 영향이 있나요?

JavaScript 문자열의 스크립트 태그: 일반적인 함정

많은 개발자는 스크립트 태그를 닫을 때 "" 인용된 문자열 내에 나타납니다. 이로 인해 스크립트가 조기에 종료될 수 있습니다.

문제의 핵심은 브라우저의 HTML 파서에 있습니다. 문자열 내에서 닫는 스크립트 태그를 발견하면 이를 스크립트 요소의 끝으로 잘못 해석합니다.

다음 구문 색상 예를 고려하세요.

<code class="js"><script>
var test = 'foo... </script> bar.....';
</script></code>

"bar"가 어떻게 나타나는지 확인하세요. 스크립트 요소 외부의 텍스트 콘텐츠로 처리되어 스크립트가 갑자기 종료됩니다.

이 문제를 해결하려면 아래와 같이 문자열 연결을 사용하는 것이 일반적입니다.

<code class="js">var test = '...... </scr' + 'ipt>......';</code>

By 닫는 스크립트 태그를 구성 요소 부분으로 나누면 브라우저는 문자열을 스크립트 요소의 끝과 혼동하지 않고 올바르게 구문 분석합니다. 이렇게 하면 스크립트가 의도한 대로 계속 실행됩니다.

위 내용은 JavaScript의 문자열 인용 내에서 스크립트 태그를 닫으면 어떤 영향이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!