>웹 프론트엔드 >JS 튜토리얼 >js_javascript 기술을 동적으로 로드하는 여러 가지 방법

js_javascript 기술을 동적으로 로드하는 여러 가지 방법

WBOY
WBOY원래의
2016-05-16 19:25:021203검색

1. 직접 document.write


2. 기존 스크립트의 src 속성을 동적으로 변경



3. 스크립트 요소를 동적으로 생성




<script> <BR>document.write(<script src='test.js'><\/script>); <BR></script> <script></script><script> <BR>s1.src=test.js <BR></script> <script> <BR>var s2 = document.createElement(script); <BR>s2.src=test.js <BR>document.body.insertAdjacentElement(BeforeBegin,s2); <BR></script><script> <BR>function loadJs(file){ <BR>var scriptTag = document.getElementById('loadScript'); <BR>var head = document.getElementsByTagName('head').item(0) <BR>if(scriptTag) head.removeChild(scriptTag); <BR>script = document.createElement('script'); <BR>script.src = file; <BR>script.type = 'text/javascript'; <BR>script.id = 'loadScript'; <BR>head.appendChild(script) <BR>} <BR></script>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.