>  기사  >  웹 프론트엔드  >  자바스크립트의 기본 구조는 무엇인가

자바스크립트의 기본 구조는 무엇인가

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-21 11:24:105693검색

JavaScript의 기본 구조는 다음과 같습니다. 1. ECMAScript, js의 모든 개체는 ECMAScript의 큰 개체에서 파생됩니다. 2. DOM, 문서 개체 모델은 html 트리입니다. 3. BOM, 브라우저 개체 모델, 브라우저 제조업체 BOM 객체에 브라우저의 기본 정보를 캡슐화합니다.

자바스크립트의 기본 구조는 무엇인가

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

1. 자바스크립트 스크립트 언어는 핵심은 ECMAScript, dom, bom입니다.

a) ECMAScript는 브라우저에서 호스팅되며, 자바스크립트에서는 이를 기본 기능으로 간주할 수 있습니다. 모든 객체는 ECMAScript의 대형 객체에서 파생됩니다. 브라우저마다 ECMAScript(w3c 기반) 구현이 다르기 때문에 시중에 나와 있는 다양한 브라우저의 js 코드는 호환되어야 합니다.

b) DOM은 문서 객체 모델입니다. , 이는 html 트리입니다. DOM을 사용하면 html 요소에서 작업할 수 있도록 js를 사용하여 dom 트리에 있는 노드의 객체를 얻을 수 있습니다.

c) BOM은 브라우저 객체 모델이며, 브라우저 제조업체 협회는 기본을 캡슐화합니다. 창의 다양한 너비와 높이 등 BOM 개체의 브라우저 정보

2. 개인적으로 JavaScript는 주로 정적 HTML 및 사용자 상호 작용에 사용된다고 생각합니다. 속담처럼: html 요소를 이동합니다. 예: dom 트리 노드 추가 및 삭제, html 컨트롤에 이벤트 리스너 추가 등. 다음에 의해 트리거되는 비동기 요청인 ajax도 있습니다. js.

3. 가장 일반적으로 사용되는 창 개체 메서드는 위치(페이지 이동 및 리디렉션에 사용), URL을 인코딩하는 데 사용되는 이스케이프(시리즈)(기본 브라우저 정보를 얻는 데 사용), setTimeout 타이머, offsetWidthoffsetHeightclientWidth입니다. 등 (Window 높이 및 너비 획득) 더 많은 방법을 보려면 w3cschool로 이동하세요.

4. Date 개체 메서드는 다음과 같습니다.

getDate()는 해당 월의 특정 날짜(1 ~ 31)를 반환합니다. ) 날짜 개체에서.

getDay()는 Date 객체에서 요일(0 ~ 6)을 반환합니다.

getMonth()는 Date 객체에서 월(0 ~ 11)을 반환합니다.

getFullYear() Date 객체에서 연도를 4자리 숫자로 반환합니다.

getYear() 대신 getFullYear() 메서드를 사용하세요.

getHours()는 Date 객체의 시간(0 ~ 23)을 반환합니다.

getMinutes()는 Date 객체의 분(0 ~ 59)을 반환합니다.

getSeconds()는 Date 객체의 초(0~59)를 반환합니다.

getMilliseconds()는 Date 객체의 밀리초(0 ~ 999)를 반환합니다.

getTime()은 1970년 1월 1일 이후의 밀리초 수를 반환합니다.

getTimezoneOffset() 현지 시간과 그리니치 표준시(GMT) 사이의 차이를 분 단위로 반환합니다.

getUTCDate() 표준시를 기준으로 Date 객체에서 해당 월의 일자(1 ~ 31)를 반환합니다.

getUTCDay() 표준시를 기준으로 Date 객체에서 요일(0 ~ 6)을 반환합니다.

getUTCMonth()는 Date 객체에서 표준시에 따라 월(0 ~ 11)을 반환합니다.

getUTCFulYear() 표준시를 기준으로 Date 객체에서 4자리 연도를 반환합니다.

getUTCHours()는 표준시를 기준으로 Date 객체의 시간(0 ~ 23)을 반환합니다.

getUTCMinutes()는 표준시에 따라 Date 객체의 분(0 ~ 59)을 반환합니다.

getUTCSeconds()는 표준시에 따라 Date 객체의 초(0 ~ 59)를 반환합니다.

getUTCMilliseconds()는 표준시에 따라 Date 객체의 밀리초(0 ~ 999)를 반환합니다.

parse()는 1970년 1월 1일 자정부터 지정된 날짜(문자열)까지의 밀리초 수를 반환합니다.

setDate()는 Date 객체에 해당 월의 날짜(1~31)를 설정합니다.

setMonth()는 Date 객체에 월(0 ~ 11)을 설정합니다.

setFullYear() Date 개체에 연도(4자리)를 설정합니다.

setYear() 대신 setFullYear() 메서드를 사용하세요.

setHours()는 Date 객체에 시간(0 ~ 23)을 설정합니다.

setMinutes()는 Date 객체에 분(0 ~ 59)을 설정합니다.

setSeconds()는 Date 객체에 초(0~59)를 설정합니다.

setMilliseconds() Date 객체에 밀리초(0 ~ 999)를 설정합니다.

setTime() 날짜 객체를 밀리초 단위로 설정합니다.

setUTCDate() Date 객체의 날짜(1~31)를 표준시에 맞춰 설정합니다.

setUTCMonth() Date 객체의 월(0 ~ 11)을 표준시에 맞춰 설정합니다.

setUTCFulYear() 표준시에 따라 Date 객체의 연도(4자리)를 설정합니다.

setUTCHours() Date 객체의 시간(0 ~ 23)을 표준시에 맞춰 설정합니다.

setUTCMinutes() 표준시에 따라 Date 객체의 분(0 ~ 59)을 설정합니다.

setUTCSeconds() 표준시에 따라 Date 객체(0 ~ 59)의 초를 설정합니다.

setUTCMilliseconds() 표준시에 따라 Date 객체(0 ~ 999)의 밀리초를 설정합니다.

toSource()는 이 객체의 소스 코드를 반환합니다.

toString() 날짜 객체를 문자열로 변환합니다.

toTimeString() Date 객체의 시간 부분을 문자열로 변환합니다.

toDateString() Date 개체의 날짜 부분을 문자열로 변환합니다.

toGMTString() 대신 toUTCString() 메서드를 사용하세요.

toUTCString() 표준시에 따라 Date 객체를 문자열로 변환합니다.

toLocaleString() 현지 시간 형식에 따라 Date 객체를 문자열로 변환합니다.

toLocaleTimeString() Date 객체의 시간 부분을 현지 시간 형식에 따라 문자열로 변환합니다.

toLocaleDateString() Date 객체의 날짜 부분을 현지 시간 형식에 따라 문자열로 변환합니다.

UTC() 표준시에 따라 1970년 1월 1일부터 지정된 날짜까지의 밀리초 수를 반환합니다.

valueOf()는 Date 객체의 원래 값을 반환합니다.

5. setTimeout() 메소드와 setInterval() 메소드의 차이점

setTimeout: 콜백 함수를 실행하기 전에 지정된 밀리초 동안 대기합니다. 즉, 지정된 시간 후에 한 번만 실행됩니다.

물론 루프 콜백도 가능합니다. 즉, 콜백 함수에 setTimeout을 설정하면 되는데, 메모리를 많이 차지하는 애니메이션을 만들 때는 일반적으로 setInterval 대신에 setTimeout의 루프 콜백을 사용하기 때문입니다. setTimeout은 콜백이 실행될 때 다음 setTimeout을 시작합니다. 그리고 setInterval은 콜백의 코드가 실행되었는지 여부에 상관하지 않습니다. 이로 인해 콜백 함수에서 실행되는 코드에 시간이 걸리게 됩니다. 지정된 시간까지 콜백 함수가 실행될 때까지 기다립니다. 코드 세그먼트를 입력할 때 다음 setTimeout을 시작하면 애니메이션이 중단된 경우에도 정상적으로 실행될 수 있습니다.

setInterval: Every 지정된 시간마다 한 번씩 콜백 함수를 실행합니다. 예를 들어 페이지에 동적 시계를 표시하는 경우 이 방법은 콜백 함수를 반복적으로 실행하는 데 적합합니다. setTimeout 루프 호출을 해야 합니다.

【추천 학습:javascript 고급 튜토리얼

위 내용은 자바스크립트의 기본 구조는 무엇인가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.