JS 3가지 팝업상자 1. Alert Box (경고 상자 = 얼럿박스) window.alert("sometext"); alert("sometext"); 2. Confirm box (확인 상자 = 컨펌박스) window.confirm("sometext"); …

window.navigator 객체 방문자의 브라우저에 대한 정보 포함. PS. window 접두사 없이 사용 가능. (예) navigator.appName navigator.appCodeName navigato…

목차 window.location 객체 정의 window.location.href 속성 - URL 반환 window.location.hostname 속성 - 호스트명 반환 window.location.pathname 속성 - 경로 반환 window.location.protocol 속…

Window Screen 객체 1. window.screen 객체는 사용자 화면에 대한 정보 포함. 2. window.screen객체는 window 접두사없이 작성 가능. screen.width - 화면너비 screen.height…

BOM정의 BOM (Browser Object Model : 브라우저 객체 모델) 사용하면 JS가 브라우저와 "통신" 가능. 1. BOM 공식표준은 존재 X2. 최신 브라우저는 JS 상호작용에 대해 거의 동일한 Method(메서드)와 P…

HTMLCollection 객체 1. getElementsByTagName() 메서드는 HTMLCollection 객체 반환. 2. HTMLCollection 객체는 배열과 유사하게 생겼지만 배열은 아닌 HTML 요소 리스트임. 3. 배열은 아니지만, …

※ 노드 = HTML 요소 노드생성(=노드추가) - 맨마지막에 추가 <div id="homzzang"> <p id="p1">홈짱닷컴</p> <p id="p2">Homzzang.com</p&…

목차 Node 정의/종류 Node 탐색 속성 텍스트노드 접근법 (= 자식노드 및 노드값) innerHTML 속성 루트노드 (= Root Node) nodeName 속성 nodeValue 속성 nodeType 속성 &nbs…

목차 addEventListener() 예제 - 클릭 이벤트 걸기 addEventListener() 정의 addEventListener() 구문 addEventListener() 예제 - 이벤트 1개 부착 addEventListener() 예제 - 이벤트 다수 부착 ad…

목차 Events에 반응 HTML Event 속성들 HTML DOM 사용해 Events 할당 onload / onunload 이벤트속성 onchange 이벤트속성 onmouseover / onmouseout 이벤트속성 onmousedown / onmouseu…