html, css, js 파일 로딩 순서 및 실행

오늘 책을 읽다가 html, css, js의 로딩과 실행을 봤는데 정말 이해가 안 되서 30분 동안 검색했는데도 이해가 안 됐어요. 이때 문득 깨닫게 되는 구절을 발견했습니다. ：

HTML 페이지 로딩 및 파싱 과정

1. 사용자가 URL을 입력합니다(html 페이지라고 가정). 첫 번째 방문임) 브라우저는 서버에 요청을 보내고 서버는 html 파일을 반환합니다.

2. 브라우저가 HTML 코드 로드를 시작하고

태그에 외부 CSS 파일을 참조하는 태그가 있음을 발견합니다.

3. 브라우저는 CSS 파일에 대한 요청을 다시 보내고 서버는 CSS 파일을 반환합니다.

4. 브라우저는 html의

부분의 코드를 계속 로드하고 CSS 파일을 얻었으며 페이지를 렌더링할 수 있습니다.

5. 브라우저는 이미지를 참조하는 코드에서 태그를 찾아 서버에 요청을 보냅니다. 이때 브라우저는 이미지가 다운로드될 때까지 기다리지 않고 후속 코드를 계속 렌더링합니다.

6. 서버는 이미지 파일을 반환합니다. 이미지는 특정 영역을 차지하고 다음 문단의 배열에 영향을 주기 때문에 브라우저는 이 부분을 다시 렌더링해야 합니다.

7. 브라우저는 Javascript 코드 줄이 포함된 <script> 태그를 찾아 빠르게 실행합니다. </script>

8. Javascript 스크립트는 이 명령문을 실행하여 브라우저에 코드에서 특정

9.드디어 가 나오길 기다렸는데 브라우저가 눈물을 흘렸습니다...

10.아직 끝나지 않았는데 사용자가 '스킨 체인지'를 눌렀습니다. " 인터페이스 " 버튼에서 Javascript를 사용하면 브라우저가 태그의 CSS 경로를 변경할 수 있습니다.

11. 브라우저가 모든 사람을 여기로 소환했습니다

• , "모두 짐을 챙기세요. 다시 시작해야 합니다...", 탐색 서버가 서버에서 새 CSS 파일을 가져와 페이지를 다시 렌더링합니다.

요약: 1. 일반적으로 html 문서 순서대로 로드됩니다

2. 또한 모든 html 콘텐츠 뒤에 내부 또는 외부 JS 파일을 넣는 것이 가장 좋습니다. 그렇지 않으면 모든 외부 파일(CSS 및 JS 포함) 참조가

에 배치되면 모든 JS 코드가 다운로드되고 구문 분석되고 실행될 때까지 기다려야 함을 의미합니다. 페이지의 콘텐츠가 렌더링되기 시작할 수 있습니다(브라우저에서 를 발견할 때). 이로 인해 페이지 렌더링이 크게 지연되고 두 번째 지연 동안 브라우저 창은 비어 있게 됩니다.

위 내용은 html, css, js 파일 로딩 순서 및 실행의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!