요약 : JavaScript의 구성, 각 구성 요소의 역할,
1. JavaScript의 구성
자바 스크립트
ecmascript (Core) dom (문서 개체 모델) BOM (브라우저 객체 모델)
1.1ecmascript
ECMAScript는 ECMA-262를 통해 표준화 된 스크립팅 언어입니다. ECMA-262 언어 규정 : 구문, 유형, 문, 키워드, 예약 된 단어, 연산자, 개체
1.2 Dom
DOM은 전체 페이지를 다층 노드 구조로 맵핑합니다. HTML 또는 XML 페이지의 각 구성 요소는 다른 유형의 데이터를 포함하는 특정 유형의 노드입니다.
1.3 BOM
브라우저에서 표시되는 페이지 외부의 부품 제어
2. <Script> 요소
2.1 사용 방법
JavaScript 파일에 대한 외부 참조 :
코드 사본은 다음과 같습니다.
<script type = "text/javaScript"src = "../../ xx.js"> </script>
페이지 포함 JavaScript 코드가 포함됩니다
코드 사본은 다음과 같습니다.
<script type = "text/javaScript">
var first = "첫 번째 변수";
경고 (첫 번째);
</스크립트>
<cript> 요소의 2.2 속성
지연 스크립트 연기 스크립트 : 스크립트가 실행되기 전에 전체 페이지가 구문 분석 될 때까지 스크립트가 지연됩니다. 지연되었지만 브라우저는 JS 파일을 다운로드했습니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<script type = "text/javaScript"defer = "Defer"src = "demo.js"> </script>
</head>
</html>
위의 예에서는 <cript> 태그가 <head> 태그에 있지만 브라우저가 발생할 때까지 Demo.js가 지연됩니다 </html>.
연기는 외부에서 가져온 스크립트 파일에만 적용됩니다
비동기 스크립트 : 페이지의 다른 내용을 비동기로로드하기 위해 페이지가 스크립트를 다운로드하고 실행할 때까지 기다릴 필요가 없습니다. 따라서 비동기로드 스크립트는 로딩 중에 DOM을 수정하지 않습니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<script type = "text/javaScript"defer = "Defer"src = "demo1.js">
<script type = "text/javaScript"defer = "Defer"src = "demo2.js"> </script>
</head>
</html>
그들 모두는 기본적인 JavaScript 지식입니다. 나는 모든 사람들이 그것을 읽을 때 잠들 수 없기를 바랍니다. 탄탄한 기초를 쌓아야 만 질적 변화의 가능성이있을 수 있습니다.