`document.write` 명령이 포함된 변수 URL에 외부 스크립트를 동적으로 포함하는 방법은 무엇입니까?

변수 URL을 사용하여 외부 스크립트를 동적으로 포함

웹페이지에 스크립트 태그를 동적으로 추가할 때 다음과 같은 src 속성이 있는 스크립트를 고려해야 합니다. document.write 명령을 포함합니다. 이로 인해 정상적인 로드 동작이 중단될 수 있습니다.

문제

일반적인 시나리오에서는 다음 코드를 사용하여 "source.js"의 스크립트를 포함하는 것이 효과적입니다.

<script type="text/javascript" src="source.js"></script>

그러나 "source.js"에는 다음과 같은 특이한 내용이 포함될 수 있습니다.

document.write('<script type="text/javascript">')
document.write('alert("hello world")')
document.write('</script>')
document.write('<p>goodbye world</p>')

해결 방법

일반적인 방법을 사용하면 이 시나리오를 올바르게 처리하지 못합니다. 대신 다음 기술을 사용하여 srcs 변수를 사용하여 스크립트를 동적으로 추가할 수 있습니다.

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src','http://example.com/site.js');

document.head.appendChild(my_awesome_script);

이 방법은 새 스크립트 요소를 생성하고 해당 src 속성을 설정한 후 문서의. 스크립트의 src에 document.write 명령이 포함되어 있어도 작동합니다.

위 내용은 `document.write` 명령이 포함된 변수 URL에 외부 스크립트를 동적으로 포함하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!