AJAX 삽입 `` 태그가 항상 실행되지 않는 이유는 무엇이며 어떻게 해결할 수 있습니까?

<script> 실행 중 AJAX를 통해 삽입된 요소</script>

특정 시나리오에서는 AJAX 호출이 <script> 태그. 그러나 이러한 태그 내의 스크립트 코드는 DOM에 삽입된 후 실행되지 않을 수 있습니다.</script>

문제 설명:

다음 HTML 구조를 고려하세요.

<div>
<p>"콘텐츠" div를 PHP 파일의 데이터로 채우라는 AJAX 요청이 이루어졌습니다. PHP 응답에 다음 코드가 포함되어 있다고 가정합니다.</p>
<pre class="brush:php;toolbar:false"><div>
<p>AJAX 요청이 완료된 후 삽입된 <script> 삽입 시 DOM에 대한 액세스가 부족하여 태그가 실행되지 않을 수 있습니다.</script></p>
<p><strong>해결책:</strong></p>
<p>삽입된 <script> 코드에서 다음 JavaScript 기술을 활용할 수 있습니다.</script></p>
<pre class="brush:php;toolbar:false">var arr = MyDiv.getElementsByTagName('script');
for (var n = 0; n <p>이 코드는 모든 <script> 지정된 div 내의 요소를 분석하고 innerHTML을 평가하여 포함된 코드를 효과적으로 실행합니다.</script></p>