제로 부터 자 바스 크 립 트 1 배우 기 (프로필)

개요: JavaScript 의 구성, 각 구성 부분의 역할,
1. JavaScript 는 웹 페이지 와 의 상호작용 을 위해 디자인 된 스 크 립 트 언어 로 구성 되 어 있 습 니 다.
Javascript
ECMAScript (핵심)
DOM (문서 개체 모델)
BOM (브 라 우 저 개체 모델)
1.1ECMAScript
ECMA - 262 가 정의 하 는 ECMAScrip 은 웹 브 라 우 저 와 의존 관계 가 없고 ECMA - 262 는 이 언어의 기초 일 뿐 핵심 언어 기능 을 제공 합 니 다.
ECMAScript 는 ECMA - 262 표준 화 된 스 크 립 트 언어 로 ECMA - 262 에 규정된 언어: 문법, 유형, 문장, 키워드, 보존 자, 조작 자, 대상
1.2 DOM（Document Object Modle）
DOM 은 XML 을 대상 으로 하지만 확장 을 통 해 HTML 에 사용 되 는 응용 프로그램 프로 그래 밍 인터페이스 (API, Application Programming Interface) 를 통 해 웹 페이지 내용 에 접근 하고 조작 하 는 방법 과 인 터 페 이 스 를 제공 합 니 다.
DOM 은 전체 페이지 를 다 층 노드 구조 로 비 추고 HTML 이나 XML 등 페이지 의 모든 구성 부분 은 특정한 유형의 노드 이 며 이런 노드 는 서로 다른 유형의 데 이 터 를 포함한다.
1.3 BOM(Bower Object Modle)
브 라 우 저 에 표 시 된 페이지 이외 의 부분 을 제어 합 니 다. BOM 은 브 라 우 저 창 과 프레임 워 크 만 처리 하고 브 라 우 저 와 상호작용 하 는 방법 과 인 터 페 이 스 를 제공 합 니 다.
2. < script > 요소
2.1 자 바스 크 립 트 파일 참조

외부 인용 javascript 파일:

<script type="text/javascript" src="../../XX.js"></script>

페이지 에 javascript 코드 삽입

<script type="text/javascript"> //javascript   </script>

< script > 요소 내부 에 포 함 된 JavaScript 코드 는 위 에서 아래로 순서대로 해 석 됩 니 다.
2.2 < script > 요소 의 속성

defer 지연 스 크 립 트: 브 라 우 저 에 게 즉시 다운로드 하 라 고 알려 주 십시오. 스 크 립 트 는 전체 페이지 가 분석 되 어야 실 행 됩 니 다. defer 는 외부 에서 도 입 된 스 크 립 트 파일 에 만 적 용 됩 니 다

<!DOCTYPE html>

<html>

    <head>

         <script type="text/javascript" defer="defer" src="example.js"></script>

    </head>

</html>

< script > 탭 은 < head > 탭 에 있 지만 demo. js 는 브 라 우 저가 < / html > 을 만난 후에 야 실 행 됩 니 다.

async 비동기 스 크 립 트: 스 크 립 트 의 다운로드 와 실행 을 기다 리 게 하여 페이지 의 다른 내용 을 비동기 로 불 러 옵 니 다

defer 와 마찬가지 로 외부 에서 도 입 된 스 크 립 트 파일 에 만 적 용 됩 니 다. async 는 브 라 우 저 에 게 즉시 파일 을 다운로드 하 라 고 알려 주지 만 defer 와 달리 async 스 크 립 트 가 지정 한 선착순 으로 실행 되 는 것 을 보장 하지 않 습 니 다. 비동기 스 크 립 트 는 불 러 오 는 동안 DOM 을 수정 하지 않 는 것 을 권장 합 니 다.

<!--    -->

<script type="text/javascript" async="async" src="example1.js"></script>

<script type="text/javascript" async="async" src="example2.js"></script>

2.3 < noscript > 원소 의 속성

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>test</title>

<!--    -->

<scripttype="text/javascript" defer="defer" src="example.js"></script>

<!--    -->

<script type="text/javascript" async="async" src="example1.js"></script>

<script type="text/javascript" async="async" src="example2.js"></script>

</head>

<body>

   <noscript>

    <p>           (  )Javascript </noscript>

</body>

</html>

브 라 우 저 는 스 크 립 트 를 지원 하지 않 습 니 다

브 라 우 저 는 스 크 립 트 를 지원 하지만 스 크 립 트 가 비활성화 되면 브 라 우 저 는 < noscript > 의 내용 을 표시 합 니 다

이 페이지 는 스 크 립 트 가 잘못 되 었 을 때 사용자 에 게 정 보 를 표시 합 니 다. 스 크 립 트 를 사용 한 브 라 우 저 에 서 는 영원히 볼 수 없습니다

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

기초 정리 - 1

문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

제로 부터 자 바스 크 립 트 1 배우 기 (프로필)

좋은 웹페이지 즐겨찾기