Debelloper

문서 객체 모델(DOM) 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법을 '문서 객체 모델(Document Object Model)'이라고 한다. 웹에서 자바스크립트를 사용하는 이유는 어떤 조건에 맞거나, 사용자의 동작이 있을 때 웹 문서 전체 또는 일부분이 동적으로 반응하게 하기 위해서이다. 그러기 위해선 웹 문서의 모든 요소를 따로 제어할 수 있어야 한다. 자바스크립트는 웹 문서와 그 안에서 사용한 모든 요소를 각각 다른 객체로 인지하여 처리한다. 웹 문서 전체는 document 객체이고 삽입한 이미지는 image 객체이다. DOM 트리 DOM은 웹 문서의 요소들을 부모, 자식, 형제 요소로 나누어 구분한다. 아래의 코드는 기본적인 HT..

설명 window.open() 메서드는 홈페이지 이벤트, 공지사항이나 쇼핑몰 등에서 상품 정보를 크게 보여주는 등 주로 팝업창을 띄울 때 사용한다. [기본형] window.open(경로, 창 이름, 창 옵션) - 경로 열고자 하는 새 창이나 탭에 로드할 문서의 주소를 나타낸다. 문서의 경우 미리 만들어두어서 경로를 써두거나, url을 넣어도 된다. - 창의 이름(선택사항) 열려는 창이나 탭에 고유한 이름을 지정할 수 있다. 이 이름은 후에 같은 이름으로 창을 열 때 사용할 수 있다. 만약 이름을 설정하지 않으면 새로고침을 할 때마다 팝업창이 계속 나온다. - 창의 옵션(선택사항) left, top 속성을 사용해 위치를 정하거나 width, height 속성을 사용해 크기를 지정하는 등 속성을 설정할 수..