스크립트 태그 및 소스 속성 이해 태그의 한계를 이해하는 것이 중요합니다. <스크립트> 태그는 URL에서 스크립트를 로드하거나 태그 본문 내에 스크립트를 직접 포함할 수 있습니다. 그러나 한 번에 하나의 소스만 사용할 수 있습니다.</p> <p>제공한 예에서는 URL에서 스크립트를 로드하고 동일한 <script> 내에서 JavaScript를 실행하려고 했습니다. 태그:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script src="myFile.js"> alert("This is a test"); 로그인 후 복사 이 코드는 태그는 URL과 인라인 자바스크립트를 동시에 처리할 수 없습니다. 대신 인라인 JavaScript는 무시됩니다.</p> <p>이 제한 사항을 해결하려면 여러 <script> 태그:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script src="myFile.js"> alert("This is a test"); 로그인 후 복사 이제 첫 번째 스크립트 태그는 외부 스크립트를 로드하고 두 번째 스크립트 태그는 원하는 JavaScript를 실행합니다. addScript 함수를 사용하는 예에서는 이 문제가 발생했습니다. addScript.js 파일을 로드하고 동일한 태그에서는 인라인 스크립트가 무시되었습니다. 별도의 <script>를 사용하여 이 문제를 해결했습니다. 태그를 사용하여 스크립트를 로드하고 필요한 JavaScript를 실행합니다.</p> <p>URL에서 로드된 스크립트는 순차적으로 실행되는 반면 인라인 스크립트는 즉시 실행된다는 점을 기억하는 것이 중요합니다. 이는 웹사이트의 성능과 기능에 영향을 미칠 수 있으므로 이에 따라 스크립트 로딩 및 실행을 계획해야 합니다.</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
