> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 문서 객체 모델-DOM 운영 기술

JavaScript 문서 객체 모델-DOM 운영 기술

黄舟
풀어 주다: 2017-01-20 14:48:50
원래의
1374명이 탐색했습니다.

동적 스크립트

페이지의 <script> 요소를 사용하여 페이지에 JavaScript 코드를 삽입할 수 있습니다. 두 가지 방법이 있습니다. 하나는 src 속성을 통해 외부 js 파일을 참조하는 것이고, 다른 하나는 이 요소를 사용하여 js 코드 조각을 포함하는 것입니다. 소위 동적 스크립트란 페이지가 로드될 때 스크립트가 존재하지 않는다는 것을 의미하며, 향후 특정 시점에 DOM을 수정하여 스크립트를 동적으로 추가할 수 있습니다. HTML 요소를 조작하는 것과 마찬가지로 동적 스크립트를 만드는 방법에는 외부 파일을 삽입하는 방법과 JavaScript 코드를 직접 삽입하는 방법이 있습니다. </script>

동적으로 로드된 외부 JavaScript 코드는 다음 코드와 같이 즉시 실행될 수 있습니다.

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "demo.js";
document.body.appendChild(script);
로그인 후 복사

JavaScript 문서 객체 모델-DOM 운영 기술

위 결과에서 볼 수 있듯이 위 코드는

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿