이번에는 JS 파일을 동적으로 로드하는 방법에 대해 요약해 보겠습니다. JS 파일을 동적으로 로드할 때 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다. 1. document.write/writeln() 메소드를 사용하세요. 이 메소드는 js 파일의 동적 로딩을 실현할 수 있습니다. 원칙은 문서 흐름을 다시 작성하는 것입니다. 구현 방법: 코드 복사코드는 다음과 같습니다. document.writeln("");</p> <p style="text-align: left;">주의하셔야 할 것은 <a href="http://www.php.cn/wiki/88.html" target="_blank">특수문자</a>의 이스케이프 처리입니다. </p> <p style="text-align: left;"><strong>2. jQuery</strong></p> <p style="text-align: left;">getScript(url, callback) 메소드를 사용하여 js 파일을 동적으로 로드하세요</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>$.getScript('test.js',function(){ alert('done'); });</pre><div class="contentsignin">로그인 후 복사</div></div> <p style="text-align: left;"><strong>3. 기본 js 메소드를 사용하세요</strong></p> <p style="text-align: left;">원칙: 스크립트 태그를 동적으로 생성하고 스크립트의 src 속성을 지정하세요. </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>function loadJs(url,callback){ var script=document.createElement('script'); script.type="text/javascript"; if(typeof(callback)!="undefined"){ if(script.readyState){ script.onreadystatechange=function(){ if(script.readyState == "loaded" || script.readyState == "complete"){ script.onreadystatechange=null; callback(); } } }else{ script.onload=function(){ callback(); } } } script.src=url; document.body.appendChild(script); } loadJs("test.js",function(){ alert('done'); });</pre><div class="contentsignin">로그인 후 복사</div></div> <p>이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! </p> <p>추천 자료: </p> <p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-395225.html" target="_blank">webpack+myproject가 프로젝트를 빌드할 때 접근할 수 없는 IP를 처리하는 방법</a><br></p> <p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-395511.html" target="_blank">이것은 호출 및 적용</a><br></p> <p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-395215.html" target="_blank">webpack vue 프로젝트 개발 환경 LAN 바인딩 IP 방법을 사용하는 방법을 나타냅니다. </a><br></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
