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>

기본적으로 헤드의

저자별 최신 기사

• mysql 실행 함수 mysql_query() 정의 및 사용 예
  1970-01-01 08:00:00
• PHP를 mysql 데이터베이스에 연결하는 자세한 단계(그림 및 텍스트)
  1970-01-01 08:00:00
• SQL 데이터베이스 추가, 삭제 및 수정에 대한 그래픽 튜토리얼(phpMyAdmin 사용 튜토리얼)
  1970-01-01 08:00:00
• SQL 데이터베이스 가져오기 및 내보내기 단계 튜토리얼(그림)
  1970-01-01 08:00:00
• SQL 데이터 테이블의 시각적 추가, 삭제 및 수정 튜토리얼(phpMyAdmin 사용 튜토리얼)
  1970-01-01 08:00:00
• SQL 문을 사용하여 데이터 테이블을 추가, 삭제, 수정 및 쿼리하는 방법에 대한 튜토리얼(phpMyAdmin 사용 튜토리얼)
  1970-01-01 08:00:00
• Java 멀티스레딩 기본 사항에 대한 자세한 설명
  1970-01-01 08:00:00
• PHP에서 파일 업로드 이미지
  2023-03-06 22:20:01
• JS에서 객체를 생성하는 여러 가지 방법 요약
  1970-01-01 08:00:00
• JS의 this 키워드를 깊이 이해하세요.
  1970-01-01 08:00:00

최신 이슈

Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...

에서 2024-04-06 14:54:03

0

2

421

JS를 사용하여 재생 품질 제어 Javascript를 사용하여 비디오의 재생 품질을 제어할 수 있는 방법이 있습니까? 보다 정확하게는 JavaScript를 사용하여 비디오 품질을 선택하고 싶습니...

에서 2024-04-04 00:21:55

0

1

384

자바스크립트에 의존하지 않고 이미지 세트를 사용하여 대체 배경 이미지 구현 저는 프런트 엔드와 CSS를 처음 접했습니다. 지원되는 경우 배경 이미지를 추가하고 .avif 파일을 로드하려고 합니다. 그렇지 않으면 .png 파일로 대체됩니다...

에서 2024-03-30 11:00:34

0

1

350

관련 주제

더>

• js에서 배열의 길이를 얻는 방법
• js 정규 표현식
• js 현재 페이지 새로 고침
• JS 반올림
• js는 현재 시간을 가져옵니다
• js 문자열을 배열로
• js는 무슨 뜻인가요?
• 노드를 삭제하는 Node.js 메소드