웹 페이지는 어떻게 실행됩니까: 단계별 분석?

웹 페이지의 실행 순서

웹 페이지에 대한 응답을 받으면 브라우저는 다음과 같은 실행 순서를 시작합니다.

1. HTML 로딩

브라우저는 HTML 문서를 다운로드하고 구문 분석하여 DOM(문서 개체 모델)을 구성합니다.

2. 외부 리소스 검색

브라우저는 위에서 아래로 외부 리소스(스크립트, CSS, 이미지)를 병렬로 로드합니다.

3. JavaScript 실행

외부(동기): 브라우저가 외부 JavaScript 파일을 즉시 다운로드, 구문 분석 및 실행하여 HTML 구문 분석을 차단합니다.
외부(비동기) : 최신 브라우저는 비차단 로드 기술을 사용하여 외부 로드 및 실행 중에 HTML 구문 분석을 계속할 수 있습니다. scripts.
인라인: 인라인 JavaScript는 HTML 구문 분석 프로세스 내에서 실행됩니다.

4. CSS 실행

브라우저는 HTML에서 CSS 규칙을 발견하면 다운로드하고 구문 분석하고 적용합니다.

5. 문서 준비 이벤트

모든 DOM 요소와 외부 리소스가 로드되고 구문 분석되면 브라우저는 일반적으로 $(document).ready().

6. 추가 JavaScript 실행

7. 이미지 다운로드

특정 질문에 답변하려면:

페이지는 위에서 아래로 로드되며 외부 리소스를 병렬 로드합니다.
1. 로드 순서는 다음과 같습니다. HTML -> 외부 자원 -> 자바스크립트 -> CSS -> "문서 준비" 이벤트 -> 추가 JavaScript -> 이미지 다운로드.
2. 인라인 JavaScript: HTML 구문 분석 중. 외부 JavaScript(동기식): HTML 구문 분석을 차단합니다. 외부 JavaScript(비동기): HTML을 계속 로드합니다.
3. CSS: HTML에 표시된 대로 적용됩니다.
4. $(document).ready: 모든 DOM 요소 및 리소스가 로드된 후 트리거됩니다.
5. kkk.png만 다운로드되고 원본은 대체됩니다. image.

참고:

위 내용은 웹 페이지는 어떻게 실행됩니까: 단계별 분석?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!