Javascript_03_javascript 전반적인 view_javascript 스킬 이해-JS 튜토리얼-php.cn

Javascript_03_javascript 전반적인 view_javascript 스킬 이해

WBOY

풀어 주다： 2016-05-16 18:18:55

원래의

1045명이 탐색했습니다.

먼저 사진을 보겠습니다.

설명:

코어(ECMAScript): 스크립팅 언어의 모든 개체, 속성 및 메서드를 정의합니다

문서 개체 모델(DOM): HTML 및 XML API

브라우저 개체 모델(BOM): 브라우저 창의 액세스 작업

이제 각 구성 요소에 대해 자세히 살펴보겠습니다.

ECMAScript 정보

ECMAScript의 임무는 가장 기본적인 데이터 유형, 조건문, 키워드, 예약어부터 예외 처리 및 객체 정의에 이르기까지 구문과 객체를 정의하는 것입니다.

ECMAScript 카테고리에 정의된 객체를 네이티브 객체라고도 합니다.

사실 문법 규칙을 정의한 후 다양한 브라우저에서 구현하는 인터페이스 집합입니다. 마지막으로 애플리케이션 개발 요구 사항을 완료하기 위해 문법 규칙을 준수하는 프로그램을 입력합니다.

DOM에 대하여

DOM(HTML 및 XML 애플리케이션 프로그래밍 인터페이스)의 정의에 따르면 DOM은 XML용 DOM이라는 두 부분으로 구성되어 있음을 알 수 있습니다. DOM Core이며 XML HTML의 DOM HTML에 대한 DOM입니다.

DOM Core와 DOM HTML의 차이점과 연관성은 무엇인가요?

DOM Core의 핵심 개념은 Node.js입니다. DOM은 문서의 다양한 유형의 요소(여기서 요소는

와 같은 태그를 구체적으로 참조하지 않고 속성, 주석, 텍스트 등도 포함함)를 다른 노드로 간주합니다.

노드 구조 다이어그램

위 그림은 DOM CORE의 구조 다이어그램을 설명합니다.

코드 복사 코드는 다음과 같습니다.

;hello world

표준 브라우저에서 이 코드의 DOM 성능을 살펴보겠습니다.

div 및 span 요소는 노드 구조 다이어그램

"hello world"의 Element 요소에 해당하는 요소 노드로 표시되며 div와 스팬 간격은 노드 구조 다이어그램의 CharacterDate 요소

에 해당하는 텍스트 노드로 표시됩니다. DOM CORE는 문서를 구문 분석할 때 모든 요소, 속성, 텍스트, 주석 등을 노드 객체(또는 노드 객체로부터 상속받은 객체, 다형성, 상향 변환), 텍스트 구조에 따라 순차적으로 표시되고 최종적으로 "DOM 트리"를 형성합니다.

DOM HTML의 핵심 개념 HTMLElement 이면 DOM HTML은 문서의 모든 요소(여기서 요소는 주석, 속성 및 텍스트를 제외한 와 같은 태그를 구체적으로 나타냄)를 HTMLElements로 처리합니다. 요소의 속성은 HTMLElement의 속성입니다.

다른 예를 보세요:

노드 인터페이스에서 제공되는 속성

myElement.attributes["id"].value; 분명히 myElement.attributes["id"] 반환 값은 객체의 값 속성을 가져오는 것입니다.

Element가

myElement.getAttributes("id")를 반환하는 메서드는 현재로서는 단지 속성일 뿐입니다. 이제 이것은 속성을 가져오는 작업일 뿐입니다.

사실 DOM Core와 DOM html의 외부 호출 인터페이스는 크게 다르지 않습니다. html 문서의 경우 DOM html을 사용하고, xhtml의 경우 DOM Core를 사용하면 됩니다.

BOM 정보
오래된 규칙, 먼저 사진을 찍어 보겠습니다.

BOM은 브라우저와 긴밀하게 통합되어 있으며 이러한 개체도 호출되는 호스트 개체, 즉 환경에서 제공하는 개체입니다.

여기서 우리는 전역 객체를 나타내는 이상한 객체인 Global 객체를 강조하고 싶습니다. Javascript는 추가 정의 없이는 모두 독립적인 함수, 변수 및 상수의 존재를 허용하지 않습니다. Global 개체의 메서드로 ParseInt(), isNaN(), isFinite() 등을 처리합니다. Nan, Infinity 등과 같은 "상수"도 Global 개체의 속성입니다. Boolean, String, Number, RegExp 등과 같은 내장 전역 객체의 생성자도 Global 객체의 속성입니다. 그러나 Global 객체는 실제로 존재하지 않습니다. 즉, Global.NaN을 사용하여 NaN에 액세스하면 오류가 보고됩니다. 실제로 이 역할을 하는 것이 바로 윈도우인데, 이 과정은 자바스크립트가 처음 로딩될 때 수행됩니다.

알았어, 알았어, 원래는 다른 부분이 있었으니 잊어버리고 나중에 다른 섹션에서 이야기하자.