기본 HTML 문서가 있고 외부 JavaScript 파일을 문서에 포함(가져오기)하려고 한다고 가정해 보겠습니다.
그렇게 하려면 HTML <script>를 사용해야 합니다. 요소:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=" />
<title>Page title</title>
<script src="main.js" defer></script>
</head>
<body>
<h1>How to embed a JavaScript file in an HTML file</h1>
</body>
</html>
defer 스크립트 요소의 속성입니다. 지연은 main.js 내부의 코드를 의미합니다. 파일은 웹 페이지가 모든 콘텐츠 요소(텍스트, 이미지, 링크 등) 로드를 완료할 때까지 실행되지 않습니다.
분명히, 이는 어떤 이유로든 JavaScript 파일을 전에 실행해야 하는 경우 모든 웹페이지 콘텐츠가 로드된 다음 defer를 사용하지 않습니다. 속성.
참고:defer 속성은 인라인이 아닌 외부 JavaScript 파일을 포함할 때만 작동합니다. 자바스크립트 코드.