전체 글

[JavaScript] 브라우저 객체 모델(BOM) -

[JavaScript] 05. 브라우저 객체 모델(BOM) - location 객체/navigator 객체

location 객체 브라우저 주소를 얻거나 다른 주소로 이동할 때 사용한다. location 객체 주요 속성 location 객체 주요 메소드 html 코드에 onclick에 함수를 넣어 사용하는 방식 네이버 location.href 뒤로 가기 가능 뒤로가기 사용 여부에 상관 없는 경우에 사용할 수 있다. function sub(){ location.href ="https://www.naver.com" } location.replace 뒤로 가기 불가능!! 결제 시스템 등 일을 수행한 후 뒤로가기를 하면 안 되는 경우 사용할 수 있다. function sub2(){ location.replace("https://google.com") } html 태그의 onclick에 location.href 을 넣어..

[JavaScript] 05. 브라우저 객체 모델(BOM) -개요/Window 객체/Document 객체

브라우저 객체 모델(Browser Object Model) 브라우저와 상호작용하는 메소드와 인터페이스를 제공 웹 브라우저와 관련된 객체의 집합 window, location, navigator, history, screen, document 브라우저 및 HTML 내용과 관련된 객체 브라우저 객체 모델(Browser Object Model, BOM) window 객체 window-팝업 사용 권장 X 팝업창 열고 닫는 html 코드 태그를 활용하여 팝업창 역할을 하는 코드를 만들 수 있다. (script 작업이 꽤나 어렵다ㅠㅠ) window - 팝업 팝업열기 팝업닫기 document 객체 html 태그 안의 body 영역 window 객체의 document 속성은 불러온 웹 페이지를 나타는 document ..

[JavaScript] 내장 객체 - Array

자바스크립트 내장 객체에는 웹 문서의 계층 구조와 상관 없이 나타낼 수 있는 객체가 있다. Array 객체와 Date 객체가 대표적이다. Array 객체 일련의 값들을 저장할 수 있는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체 배열의 각 요소는 배열의 이름과 인덱스로 접근하여 사용 타입이 고정적 ❌ 같은 배열에 있는 원소의 타입이 서로 다를 수 있음 크기가 동적 배열을 생성하거나 크기가 변경되어도 크기를 다시 변경할 필요 없음 Array 객체 인스턴스 만들기 Array() 생성자를 이용한 배열 생성 var b1 = new Array(); var b2 = new Array(5); //크기가 5인 배열. 모든 요소는 undefined 값을 가짐 var b3 = new Array(3, 5); // ..