반응형
<head>에 넣는경우
위에서 부터 순차적으로 진행
<body>태그 맨 끝에 넣는경우
html파일을 다 불러오고 그다음js파일을 실행한다.
단점 : 스크립트가 많아지면 원하는 모양의 페이지를 한번에 불러오기 어렵다.
<async> 속성 사용하기
실행순서가 상관없이 속도에 따라 처리하게 된다.
실행순서가 상관없을때는 async를 사용한다.
<defer> 속성 사용하기
모든 html 불러오고 나서 실행이 되고 파일별 다운로드 완료순서 차이에 상관없이 선안한대로 순서대로 실행이 된다.
반응형
'Html Css' 카테고리의 다른 글
| [CSS] Text-overflow , 긴글을 줄이고 싶을때 (0) | 2023.03.29 |
|---|---|
| [CSS] white-space 에 대해서 (0) | 2023.03.10 |
| [CSS] px | % | em | rem 의 차이점은? (0) | 2023.02.24 |
| 겹친 영역 뒤에 있는 영역 click 이벤트 반응하게 하기 (0) | 2022.10.19 |
