성능을 향상시키려면 JavaScript를 외부에 유지하십시오. 별도의 코드를 사용하면 웹 브라우저에서 더 쉽게 캐시할 수 있습니다. 단, 단일 페이지 웹사이트를 만들 때만 인라인 스크립트를 사용하십시오.
그래도 외부 코드, 즉 외부 JavaScript를 사용하는 것이 좋습니다. 외부 파일에 JavaScript를 배치하려면 확장자가 .js인 외부 JavaScript 파일을 작성하십시오. 생성 후 스크립트 태그의 HTML 파일에 추가합니다. src 속성은 외부 JavaScript 파일을 포함하는 데 사용됩니다.
외부 JavaScript 파일이 두 개 이상 있는 경우 동일한 웹 페이지에 추가하여 페이지 성능을 높이십시오.
다음 new.js가 외부 JavaScript 파일이라고 가정해 보겠습니다. -
function display() { alert("Hello World!"); }
이제 HTML 웹 페이지에 외부 JavaScript 파일을 추가합니다.
예시
라이브 데모<html> <body> <form> <input type = "button" value = "Result" onclick = "display()"/> </form> <script src = "new.js"> </script> </body> </html>