HTML 자바 스크립트


동기식

<script src="path/to.js"></script>

표준 연습은 닫는 </body> 태그 바로 앞에 JavaScript <script> 태그를 배치하는 것입니다. 스크립트를 마지막으로로드하면 사이트의 비주얼이 더 빠르게 표시되고 아직로드되지 않은 요소와 JavaScript가 상호 작용하지 못하도록 막을 수 있습니다.

비동기식

<script src="path/to.js" async></script>

또 다른 대안으로,로드중인 자바 스크립트 코드가 페이지 초기화에 필요하지 않을 때 비동기 적으로로드하여 페이지로드 속도를 높일 수 있습니다. async 사용하면 브라우저의 내용이 병렬로로드되고 완전히 다운로드되면 Javascript 파일을 구문 분석하기 위해 HTML 구문 분석이 중단됩니다.

연기 된

<script src="path/to.js" defer></script>

연기 된 스크립트는 HTML이 완전히 구문 분석 된 후에 만 ​​구문 분석이 수행된다는 점을 제외하면 비동기 스크립트와 유사합니다. 지연된 스크립트는 동기 스크립트와 같은 방식으로 선언 된 순서로로드됩니다.

<noscript>

<noscript>JavaScript disabled</noscript>

<noscript> 요소는 사용자가 스크립트를 사용할 수 없거나 브라우저에서 스크립트 사용을 지원하지 않을 경우 표시 할 콘텐츠를 정의합니다. <noscript> 태그는 <head> 또는 <body> 배치 할 수 있습니다.