💻Programming

[JavaScript] 06.이벤트

이벤트 HTML 이벤트는 HTML 요소에서 발생할 수 있는 상황 브라우저는 이벤트를 감지할 수 있으며 이벤트 발생 시 통지 ex) HTML 웹 페이지 로딩이 끝났을 때, HTML 입력 필드가 변경될 때, HTML 버튼이 클릭됐을 때 on까지만 쓰고 단축키를 눌렀을 때 나오는 것이 대부분 이벤트이다. 이벤트 드리븐(event-driven) 방식 웹 페이지에 작용되는 자바 스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행 모든 application이 이벤트 방식으로 동작하는 것으로, 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 것 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 것 주요 이벤트 객체 이벤트를 받고 그 이벤트 listenr를 가질 수 있는 객체에 의해 구현된 인터페이스 EventTa..

[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 ..