1. JavaScript는 웹페이지와 상호작용하기 위해 특별히 설계된 스크립트 언어입니다.
ECMAScript(핵심) DOM(문서 개체 모델) BOM(브라우저 개체 모델)
1.1ECMA스크립트
ECMA-262에서 정의한 ECMAScrip은 웹 브라우저에 종속되지 않습니다. ECMA-262는 이 언어의 기초만 정의하고 핵심 언어 기능을 제공합니다.
ECMAScript는 ECMA-262를 통해 표준화된 스크립팅 언어입니다. ECMA-262는 구문, 유형, 명령문, 키워드, 예약어, 연산자, 객체 등의 언어를 지정합니다.
1.2 DOM(문서 객체 모델)
DOM은 XML용 애플리케이션 프로그래밍 인터페이스(API, 애플리케이션 프로그래밍 인터페이스)이지만 HTML용으로 확장되어 웹 콘텐츠에 액세스하고 운영하기 위한 방법과 인터페이스를 제공합니다.
DOM은 전체 페이지를 다층 노드 구조로 매핑합니다. HTML이나 XML과 같은 페이지의 각 구성 요소는 특정 유형의 노드이며 이러한 노드에는 다양한 유형의 데이터가 포함됩니다.
1.3 BOM(바워 객체 모델)
BOM은 브라우저에 표시되는 페이지 이외의 부분을 제어하며 브라우저 창과 프레임만 처리하여 브라우저와 상호작용하는 방법과 인터페이스를 제공합니다
2. 요소
2.1 자바스크립트 파일 인용
외부 참조 자바스크립트 파일:
페이지에 자바스크립트 코드가 포함되어 있습니다
<script> 요소에 포함된 JavaScript 코드는 위에서 아래로 해석됩니다.</p>
<p>2.2 <script> 요소의 속성</p>
<p>지연 스크립트: 브라우저에 즉시 다운로드하도록 지시합니다. 실행 전에 전체 페이지가 구문 분석될 때까지 스크립트가 지연됩니다.</p>
<p></p>
<div class="codetitle">
<span><a style="CURSOR: pointer" data="50781" class="copybut" id="copybut50781" onclick="doCopy('code50781')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div>
<div class="codebody" id="code50781">
<br>
<!DOCTYPE html><br>
<html><br>
<br>
<script type="text/javascript" defer="defer" src="example.js"></script>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
