JavaScript는 웹 디자인 분야에서 가장 일반적으로 사용되는 스크립트 언어입니다. 웹 페이지에서 JavaScript를 사용하려는 경우 일반적으로 인라인과 아웃바운드의 두 가지 방법이 있습니다. 이 기사에서는 주로 JavaScript가 어떻게 홍보를 수행하는지 소개합니다. 외부 링크란 무엇인가요 간단히 말하면, 외부 링크는 웹 페이지에서 외부 JavaScript 파일을 참조하는 방법입니다. HTML 문서에서는 태그를 사용하여 외부 JavaScript 파일을 참조할 수 있습니다. 외부 JavaScript 파일을 참조하는 경우 인라인 방식과 달리 HTML 파일에 코드가 포함되지 않습니다. 장점은 다음과 같습니다. </p> <ol> <li>유지 관리 용이: HTML 문서에서 JavaScript 코드를 분리합니다. 코드 수정 시 별도의 파일만 수정하면 되므로 유지 관리가 용이합니다. </li> <li>페이지 코드 크기 줄이기: 모든 웹 페이지에 JavaScript 코드 조각을 작성하면 페이지 크기가 너무 커져 웹 사이트 성능에 영향을 미칠 수 있습니다. 봉사활동을 통해 페이지 코드의 양을 줄이고 웹사이트의 응답 속도를 향상시킬 수 있습니다. </li> </ol> <p>외부 JavaScript 파일을 도입하는 코드 형식은 다음과 같습니다. </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><script type="text/javascript" src="js文件路径">로그인 후 복사 그 중 type 속성은 스크립트 언어 유형을 나타내고, src 속성은 외부 JavaScript 파일 경로를 가리킵니다. 다음으로, HTML 파일에서 JavaScript 파일을 외부적으로 연결하는 방법을 설명하기 위해 간단한 예를 사용하겠습니다. Example HTML 파일에서 외부 JavaScript 파일을 참조하려고 한다고 가정합니다. 파일 이름은 "external.js"이고 디렉터리는 "js" 디렉터리에 있습니다. 단계는 다음과 같습니다. "external.html"이라는 HTML 파일을 만듭니다. 파일의 코드는 다음과 같습니다. JavaScript 外联 点击我 로그인 후 복사 위 코드에서는 버튼 클릭 이벤트를 정의하고 "myFunction()"이라는 함수를 호출합니다. HTML 코드 마지막에는 태그를 통해 "js/external.js" 파일을 소개합니다. </p> <ol start="2"><li>"external.js"라는 JavaScript 파일을 만듭니다. 내용은 다음과 같습니다. </li></ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>function myFunction() { alert("Hello World!"); }</pre><div class="contentsignin">로그인 후 복사</div></div> <p>external.js 이 파일은 "Hello World!"라는 메시지 상자를 표시하는 myFunction() 함수를 정의합니다. </p> <p>이 시점에서 두 파일을 같은 폴더에 저장한 다음 "external.html" 파일을 열면 버튼이 있는 페이지가 표시됩니다. 버튼을 클릭하면 "Hello World! " 메시지 . 이는 외부 js 파일을 도입하는 방법이 성공했다는 의미입니다. </p> <p>Notes</p> <ol> <li>외부 js 파일에 지정된 함수명, 변수명을 HTML 파일에서 참조할 수 있습니다. </li> <li>외부 js 파일에 동일한 이름을 가진 함수가 2개 이상 정의되어 있는 경우, 함수 커버리지나 함수 실패의 원인이 될 수 있습니다. 이름을 지정할 때 명명 규칙을 따르고, 다른 함수에 이름을 지정하거나 함수에 다른 별칭을 지정하는 것이 좋습니다. </li> <li>외부 JavaScript 파일을 도입할 때 도입된 JavaScript 코드는 HTML 문서 페이지가 있는 파일과 동일한 도메인에 있어야 합니다. 그렇지 않으면 도메인 간 문제가 발생합니다. </li> </ol> <p>요약: </p> <p>외부 JavaScript는 코드의 유지 관리성을 향상시키고 페이지 코드의 양을 줄이며 웹 사이트의 응답 속도를 향상시킬 수 있습니다. 신청 시에는 오류가 발생하지 않도록 주의하시기 바랍니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
