본문 바로가기

전체 글431

예제로 배우는 자바스크립트 요약 및 코드 분석 13장 13.5~13.7 13.5 History 객체 History 객체는 브라우저에 방문한 기록, 즉 히스토리 목록을 저장하고 관리하는 데 사용된다. 자바스크립트에서는 사용자의 개인 정보 보호를 위해 이 객체에 접근할 수 있는 권한이 일부 제한된다. History 객체의 length 프로퍼티와 back(), forward(), go() 메서드를 이용하여 히스토리 목록에 저장된 URL 주소의 개수를 얻고 히스토리 목록에 있는 특정 URL로 이동할 수 있다. 13.5.1 히스토리 목록 개수 알아보기 History 객체의 length 프로퍼티는 히스토리 목록에 저장된 URL 주소의 개수를 얻는 데 사용된다. 예제 13-12.History 객체의 length 프로퍼티 history_length.html 코드 원문 예제 13-12.Hi.. 2023. 10. 19.
예제로 배우는 자바스크립트 요약 및 코드 분석 13장 13.1~13.4 13장 브라우저 객체 모델(BOM) 브라우저 객체 모델(BOM)은 브라우저에 관련된 객체를 통하여 모든 정보와 기능을 제공한다. 13장에서는 새 창 열기, 창 닫기, 창 크기 가져오기 등의 기능을 가진 Window 객체에 대해 배운다. 그리고 모니터 화면에 관련된 Screen 객체, 웹 페이지 URL에 관련된 Location 객체, 페이지 방문 히스토리를 다루는 History 객체 등에 대해서도 알아보자. 마지막으로 일정 시간 후에 함수를 동작시키거나 반복 실행 시키는 setTimeout()과 setInterval() 메서드에 대해서 학습한다. 13.1 브라우저 객체 모델(BOM)이란? 자바스크립트에서 브라우저에 대한 정보를 이용하거나 브라우저를 제어하려고 할 때 필요한 것이 브라우저 객체 모델(Brow.. 2023. 10. 19.
예제로 배우는 자바스크립트 요약 및 코드 분석 12장 12.4 12.4 포커스 이벤트 텍스트도 비밀번호 입력창 안에 마우스를 클릭하면 마우스 커서가 깜빡인다. 이런 상태를 포커스를 얻었다고 표현한다. 반대로 입력창 외부를 클릭하면 포커스를 잃게 된다. FocusEvent 객체는 요소가 포커스를 얻거나 잃었을 때 발생되는 포커스 이벤트를 다루는데 사용된다. 많이 사용되는 포커스 이벤트를 표로 정리하면 다음과 같다. 포커스 이벤트 이벤트 발생 시점 onfocus 요소가 포커스를 얻었을 때 onblur 요소가 포커스를 잃었을 때 예제 12-11. onfocus와 onblur 이벤트 사용 예 onfocus.html 코드 원문 이름 : 예제 12-11. onfocus와 onblur 이벤트 사용 예 onfocus.html 코드 분석 이름 : 12.5 키보드 이벤트 키보드 이벤.. 2023. 10. 18.
예제로 배우는 자바스크립트 요약 및 코드 분석 12장 12.1~12.3 12.1 이벤트란? 이벤트(event)는 웹 페이지에서 발행하는 사건을 의미한다. 자바스크립트에서는 이벤트가 발생하면 이벤트를 감지하고 처리할 수 있다. 사용자의 마우스 조작과 키보드 입력은 하나의 이벤트이며 HTML 문서 로드나 에러 발생 들도 일종의 이벤트이다. 이벤트를 처리하는 함수를 이벤트 핸들러(event handler) 또는 이벤트 리스너(event listener)라고 합니다. 12.1.1 이벤트 핸들러 마우스 클릭이나 이동, 페이지 로드, 이미지 로드, 입력창에 데이터 입력, 키보드 누르기 등에 따라 발생되는 이벤트를 처리하기 위해 자바스크립트에서는 이벤트 핸들러(event handler)를 사용한다. 다음은 버튼을 클릭했을 때 이벤트 핸들러를 통해 요소 내에 있는 텍스트를 변경해주는 예이.. 2023. 10. 18.

티스토리툴바