1. JavaScript는 웹 페이지와의 상호 작용을 위해 설계된 스크립팅 언어입니다. 그 구성
ecmascript (Core) dom (문서 개체 모델) BOM (브라우저 객체 모델)
1.1ecmascript
ECMA-262로 정의 된 ECMAScript는 웹 브라우저에 의존하지 않습니다. ECMA-262는이 언어의 기본 만 정의하고 핵심 언어 기능을 제공합니다.
ECMAScript는 ECMA-262를 통해 표준화 된 스크립팅 언어입니다. ECMA-262 언어 규정 : 구문, 유형, 문, 키워드, 예약 된 단어, 연산자, 개체
1.2 DOM (문서 개체 모드)
DOM은 XML 용 응용 프로그램 프로그래밍 인터페이스이지만 HTML 용으로 확장되어 웹 컨텐츠에 액세스하고 조작하기위한 메소드 및 인터페이스를 제공합니다.
DOM은 전체 페이지를 다층 노드 구조로 맵핑합니다. HTML 또는 XML 페이지의 각 구성 요소는 다른 유형의 데이터를 포함하는 특정 유형의 노드입니다.
1.3 BOM (Bower Object 모델)
브라우저에 표시된 페이지 이외의 부분을 제어하십시오. BOM은 브라우저 창과 프레임 워크 만 처리하고 브라우저와 상호 작용하기위한 메소드 및 인터페이스를 제공합니다.
2. <Script> 요소
2.1 참조 자바 스크립트 파일
JavaScript 파일에 대한 외부 참조 :
코드 사본은 다음과 같습니다.
<script type = "text/javaScript"src = "../../ xx.js"> </script>
페이지 포함 JavaScript 코드가 포함됩니다
코드 사본은 다음과 같습니다.
<script type = "text/javaScript">
// JavaScript 코드
</스크립트>
<cript> 요소에 포함 된 JavaScript 코드는 위에서 아래로 순서대로 설명됩니다.
<cript> 요소의 2.2 속성
지연 스크립트 연기 스크립트 : 브라우저에 즉시 다운로드하도록 지시하면 전체 페이지가 실행되기 전에 전체 페이지가 구문 분석 될 때까지 스크립트가 지연됩니다. 연기는 외부에서 소개 된 스크립트 파일에만 적합합니다
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<script type = "text/javaScript"defer = "Defer"src = "example.js"> </script>
</head>
</html>
<cript> 태그는 <head> 태그에 있지만 브라우저가 발생할 때까지 Demo.js가 지연됩니다 </html>.
비동기 스크립트 : 페이지의 다른 내용을 비동기로로드하기 위해 스크립트를 다운로드하고 실행할 때까지 페이지가 기다려야합니다.
연기와 마찬가지로 외부에서 가져온 스크립트 파일에만 적용됩니다. Async는 브라우저에 파일을 즉시 다운로드하라고 지시하지만 연기와 달리 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">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> 테스트 </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>에 내용이 표시됩니다.
이 페이지는 스크립트가 유효하지 않은 경우 사용자에게 메시지를 표시하고 스크립트 가능 브라우저에서는 사용자가 볼 수 없습니다.
위는이 기사에 관한 것입니다. 나는 당신이 그것을 좋아할 수 있기를 바랍니다. 이 시리즈는 계속 업데이트됩니다.