document.write 기능을 사용하여 스크립트를 동적으로 포함하는 방법은 무엇입니까?

document.write 기능을 사용하여 스크립트를 동적으로 포함

질문:

변수 src 속성이 있는 스크립트 태그를 웹 페이지에 동적으로 추가하려면 어떻게 해야 합니까? , 특히 src에 document.write 함수가 포함된 경우?

배경:

일반적으로 HTML 헤드에 특정 src 속성이 있는 스크립트 태그를 추가하면 원활하게 작동합니다. 그러나 src 속성에 document.write 코드가 포함되면 문제가 됩니다.

해결 방법:

이러한 스크립트 태그를 동적으로 추가하려면 다음 단계를 수행할 수 있습니다.

1. document.createElement('script')를 사용하여 새 스크립트 요소를 생성합니다.
2. 스크립트 요소의 src 속성을 원하는 URL/소스로 설정합니다.
3. 스크립트 요소를 추가합니다. AppendChild()를 사용하여 document.head에 추가합니다.

예:

<code class="javascript">var my_awesome_script = document.createElement('script');

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

document.head.appendChild(my_awesome_script);</code>

이 스크립트 요소는 해당 src에 document.write 코드가 포함되어 있더라도 웹페이지에 동적으로 추가됩니다. .

위 내용은 document.write 기능을 사용하여 스크립트를 동적으로 포함하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!