JavaScript의 로딩 및 실행에 대한 자세한 설명

이전 기사 "브라우저 렌더링 원리 소개"에 이어 이번 기사에서는 JavaScript의 로딩 및 실행에 대해 설명합니다.

일반적으로 브라우저에는 JavaScript 실행을 위한 두 가지 주요 기능이 있습니다.

1) 로드 후 즉시 실행

2) 후속 차단 실행 시 페이지 콘텐츠(페이지 렌더링 및 기타 리소스 다운로드 포함)

따라서 여러 JS 파일이 도입되면 브라우저의 경우 이러한 JS 파일이 순차적으로 로드되어 하나씩 실행됩니다. 또 다른.

JavaScript는 HTML 문서의 DOM 트리를 작동할 수 있기 때문에 브라우저는 일반적으로 CSS 파일을 병렬로 다운로드하는 것처럼 JS 파일을 병렬로 다운로드하지 않습니다. 이는 JS 파일의 특수성 때문입니다. 따라서 JavaScript가 후속 DOM 요소를 작동하려고 하면 브라우저는 객체를 찾을 수 없다는 오류를 보고합니다. 이는 JavaScript가 실행될 때 후속 HTML이 차단되고 DOM을 작동할 때 후속 노드가 없기 때문입니다. 나무.

전통적인 방식

다음과 같은 코드를 작성하면:

<script type="text/javascript"  src="http://coolshell.cn/asyncjs/alert.js"></script>

기본적으로 헤드의