\"비동기적으로 로드된 외부 스크립트에서 문서에 쓸 수 없습니다\" 오류를 해결하는 방법?

오류: "비동기적으로 로드된 외부 스크립트에서 문서에 쓸 수 없습니다."

문제:

비동기 로드 document.write()를 사용하여 문서를 수정하려고 하면 스크립트로 인해 문제가 발생할 수 있습니다. 페이지 로드 실행 후 스크립트가 비동기적으로 다운로드되지만 "명시적으로 열지 않으면 비동기적으로 로드된 외부 스크립트에서 문서에 쓸 수 없습니다."라는 콘솔 메시지와 함께 실패합니다.

설명:

비동기적으로 로드된 스크립트는 문서가 구문 분석되고 닫힌 후에 실행됩니다. 결과적으로 document.write()와 같은 작업은 이러한 스크립트 내에서 사용할 수 없게 됩니다.

해결책:

이 문제를 해결하려면 document.write() 호출을 명시적인 DOM 조작으로 바꾸십시오. 여기에는 DOM 요소를 생성하고 appendChild(), insertBefore()를 사용하여 상위 요소에 삽입하거나 innerHTML을 설정하는 작업이 포함됩니다.

예:

원본 스크립트(인라인, document. write()):

<code class="html"><div id="container">
<script>
document.write('<span style="color:red;">Hello</span>');
</script>
</div></code>

수정된 스크립트(DOM 조작으로 비동기식 로드):

<code class="javascript">var container = document.getElementById("container");
var content = document.createElement("span");
content.style.color = "red";
content.innerHTML = "Hello";
container.appendChild(content);</code>

위 내용은 \"비동기적으로 로드된 외부 스크립트에서 문서에 쓸 수 없습니다\" 오류를 해결하는 방법?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!