본문 바로가기
반응형

JavaScript4

10. BOM객체 / window객체 / confirm / setInterval / open / close / alert 1. ___ 는 웹 페이지를 객체로 인식하는 방법이다. 2. DOM객체는 ___ 와 ___ 로 구성된다. 3. ___ 프로퍼티로 HTML 엘리먼트를 동적으로 조작할 수 있다. 1. DOM객체 2. Method property 3. innerHTML BOM객체란? Browser Object Model 객체 웹 브라우저 자체를 객체로 인식 index.html BOM객체에선 script태그가 body태그 내부에 있어야 한다. 하단은 각 메서드의 기능을 실행하기 위해 main.js에 입력한 코드이다. open, close 메서드를 통해 브라우저를 실행(새탭)시키거나 창을 닫을 수 있다. 현재는 window.document.getElementById()라고 입력했으나 window객체를 생략하여 사용해도 된다. 조.. 2019. 6. 15.
9. JS / DOM객체 / innerHTML / getElementById / getElementsByClassName / querySelectorAll 1. ___ 은 날짜 정보를 제공하는 내장 객체 2. 날짜 객체는 ___ 단위를 기준으로 시간을 표현 3. ___ 은 JS에서 하나의 객체이므로 프로퍼티와 메서드를 가진다. 1. Date() 2. 밀리세컨즈 3. 문자열 객체 DOM객체? Document Object Model객체 웹페이지(Document) 자체를 객체로 인식하기에 웹페이지의 여러 엘리먼트들을 조작할 수 있음 DOM객체이므로 메서드와 프로퍼티를 가질 수 있다. DOM메서드 : HTML 엘리먼트 인식 DOM프로퍼티 : HTML 엘리먼트 조작 getElement... innerHTML... 형태로 메서드와 프로퍼티가 구성됨 DOM객체로 웹페이지를 통제하기 위해선 특정 객체를 찾는 탐색과정이 필요함 총 5가지 탐색방법으로 이뤄짐 document.. 2019. 6. 15.
6. JS 제어문 / 반복문 / for / while 1. ___ 은 코드의 논리적 구조를 처리하기 위해 사용 2. ___ 은 조건이 참일 경우 중괄호 안의 코드를 실행한다. 3. ___ 은 값의 조건에 따라 실행한다. 1. 조건문 2. if~else 구문 3. switch ~ case 구문 반복문? 특정 코드를 반복 처리 컴퓨터의 빠른 연산 속도를 이용해 다양한 처리 배열? 여러 자료형을 하나로 묶는 자료형 (객체) 하나의 변수에 담고 싶을 때 사용. 배열 값 할당방법 var arr = [값, 값, 값, ...] var arr = [1,2,3,4,5]; console.log(arr); 실행결과 다음처럼 나타난다. 인덱스 0 1 2 3 4 배열값 1 2 3 4 5 길이는 5 for 반복문 var arr = [1,2,3,4,5]; var len = arr.l.. 2019. 6. 14.
4. JS 연산자 1. 변할 수 있는 값 2. 값 3. console.log() 4. typeof 연산자란? 변수의 수학적 연산 및 처리를 하기 위한 기호 증감이란? var x = 10; 후위연산 x++ 출력되고 나서 값이 추가 전위연산 ++x 먼저 값이 추가되고 출력 후위연산 예시. 신기하게 x에 영향미침 // 후위연산예시 var x = 10; var y; y = x++; console.log(y); // 10출력 console.log(x); // 11출력 // 전위연산예시 var x = 10; var y; y = ++x; console.log(y); // 11출력 console.log(x); // 11출력 var x = 10, y = "10"; console.log(x = y); // true로 나옴. type신경쓰지.. 2019. 6. 14.
반응형

티스토리툴바