JavaScript를 사용하여 HTML 문서에 스크립트 태그를 삽입하는 방법은 무엇입니까?

JavaScript에서 HTML 문서에 스크립트 태그 삽입

HTML 문서에 스크립트 태그를 동적으로 추가하려면appendChild() 메서드를 활용할 수 있습니다. 또는 jQuery의 추가(). 그러나 스크립트 태그를 직접 추가하면 내용이 제거될 수 있습니다.

document.createElement() 사용

이 문제를 극복하려면 스크립트 태그를 생성하면 됩니다. document.createElement()를 사용한 다음 script.innerHTML을 사용하여 HTML 콘텐츠를 수동으로 설정합니다. 마지막으로 문서의 헤드나 본문에 스크립트 요소를 추가합니다.

// Create the element

var script = document.createElement("script");

// Add script content

script.innerHTML = "...";

// Append

document.head.appendChild(script);

또는 본문에 추가할 수도 있습니다.

document.body.appendChild(script);

jQuery 사용

jQuery를 사용하는 경우 append() 메서드를 사용하여 스크립트 요소를 추가할 수 있습니다.

// Create the element

var script = $("<script>").html("...");

// Append

$("head").append(script);

이 메서드는 자동으로 스크립트 태그를 생성하고 콘텐츠를 처리하여 프로세스를 단순화합니다. 삽입합니다.

위 내용은 JavaScript를 사용하여 HTML 문서에 스크립트 태그를 삽입하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!