-
BOM(Browser Object Model)
1. Window 객체 : 웹브라우저 창(Window)을 나타내는 객체 ● window.open(URL, name, specs, replace) : 브라우저 새창 열기 name : 윈도우창을 여는 방식 선택, specs : 옵션지정, replace : 히스토리저장방식 선택 ● window.onload : 윈도우가 로드될 때 실행, 문서에 하나만 존재해야됨 (다시사용하면 오버라이딩됨) window.onload = function () { alert('HI!!'); } ●window.moveBy(x, y) : 현재윈도우를 기준으로 상대적으로 (x, y)만큼으로 이동 ●window.mo...
-
ECMAScript5 (ES5) - Array 메서드
Java의 스트림과 비슷함 ● Array.isArray(객체명) : 객체의 배열여부 확인 ● Array.filter( function([value, index, object])) ) : 조건(콜백함수)을 만족하는 요소를 추출해 배열 생성 let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; array = array.filter(function (element, index, array) { return element <= 5; }); ● Array.forEach( function ([value, index, object])) ) :array의 원소를 순서대로 돌면서 콜...
-
(표준 객체) Math 객체
JavaScript 내장 객체중에 유일하게 생성자로 생성하지 않고 사용 할수 있음 ● Math.random() : 0 <= x < 1 까지의 랜덤수 출력
-
typeof, instanceof 연산자
● typeof 객체 : 객체의 타입을 출력 console.log(typeof 'string'); // string console.log(typeof 1); // number console.log(typeof []); // object console.log(typeof {}); // object console.log(typeof null); // object console.log(typeof function() { }); // function ● instanceof 객체 : 객체의 인스턴스타입을 출력 let Person = function(){ this.name = "Chris"; }; l...
-
HTML 실행 순서
기본적으로 Top-Down으로 리딩 1. head 태그 2. body 태그 <body 안의 script 태그> 2-1 함수선언문 2-2 JS전체리딩 3. document 포지셔닝 4. window.onload