Language/JavaScript

[JavaScript] 타이머(timer)

타이머(timer) window 객체는 일정 시간이 지난 뒤에 함수를 호출할 수 있도록 다음 메소드를 제공한다. setTimeout() setInterval() 또한, 이렇게 설정된 함수의 호출을 취소할 수 있도록 다음 메소드를 제공한다. clearTimeout() clearInterval() setTimeout() 메소드 setTimeout() 메소드는 명시된 시간이 지난 뒤에 지정된 함수를 호출한다. // 문법 window.setTimeout(호출할함수, 지연시간); 이 메소드가 성공적으로 호출되면, 설정된 timeoutID를 반환한다. 이 메소드는 밀리초(milliseconds) 단위로 지연 시간을 설정할 수 있다. function startTimeout() { setTimeout(printCurr..

[JavaScript] 대화 상자

대화 상자(dialog box) 사용자에게 보여줄 수 있는 간단한 대화 상자를 만들기 위해 window 객체는 다음과 같은 메소드를 제공한다. alert() confirm() prompt() alert() 메소드 window 객체의 alert() 메소드는 사용자에게 간단한 메시지를 보여주고, 그에 대한 사용자의 확인을 기다린다. // 문법 window.alert("간단한 메시지"); 사용자는 대화 상자의 확인 버튼을 눌러야만 다른 작업을 진행할 수 있다. function alertDialogBox() { alert("확인을 누를 때까지 다른 작업을 할 수 없어요!"); } ※ window 객체의 모든 메소드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있다. confirm() 메소드 wi..

[JavaScript] Navigator 객체

Navigator 객체 navigator 객체는 브라우저 공급자 및 버전 정보 등을 포함한 브라우저에 대한 다양한 정보를 저장하는 객체다. 이 객체의 이름은 넷스케이프(Netscape)의 초기 웹 브라우저였던 네비게이터(Navigator)에서 유래되었다. 브라우저 스니핑(browser sniffing) 과거에는 방문자의 웹 브라우저의 종류를 미리 파악하여 조치함으로써, 브라우저 간의 호환성을 유지하였다. 이렇게 호환성을 유지하는 방법을 브라우저 스니핑(browser sniffing)이라고 한다. navigator 객체는 이러한 브라우저 스니핑에서 사용할 수 있는 다양한 표준 프로퍼티 및 비표준 프로퍼티를 제공한다. 하지만 현재는 이 방법보다 필요한 프로퍼티만을 간단하게 테스트하는 기능 테스팅 방법을 더 ..

[JavaScript] Screen 객체

Screen 객체 screen 객체는 사용자의 디스플레이 화면에 대한 다양한 정보를 저장하는 객체다. 사용자의 화면 크기 screen 객체의 width와 height 프로퍼티는 사용자의 디스플레이 화면의 크기를 픽셀 단위로 반환한다. document.write("현재 사용자의 디스플레이 화면의 너비는 " + screen.width + "픽셀입니다. "); document.write("현재 사용자의 디스플레이 화면의 높이는 " + screen.height + "픽셀입니다. "); document.write("현재 브라우저 창의 너비는 " + window.outerWidth + "픽셀입니다. "); document.write("현재 브라우저 창의 높이는 " + window.outerHeight + "픽셀입니..

[JavaScript] History 객체

History 객체 history 객체는 브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체다. 자바스크립트는 사용자의 개인 정보를 보호하기 위해 이 객체에 접근하는 방법을 일부 제한하고 있다. 히스토리 목록의 개수 history 객체의 length 프로퍼티는 브라우저 히스토리 목록의 개수를 반환한다. function openDocument() { location.assign("/javascript/js_bom_history"); } document.getElementById("text").innerHTML = "현재 브라우저의 히스토리 목록의 개수는 " + history.length + "개 입니다."; 히스토리 목록 접근하기 history 객체에는 브라우저의 뒤로 가기와 앞으로 가기 ..

[JavaScript] Location 객체

Location 객체 location 객체는 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나, 브라우저에 새 문서를 불러올 때 사용할 수 있다. 이 객체는 Window 객체의 location 프로퍼티와 Document 객체의 location 프로퍼티에 같이 연결되어 있다. location 객체의 프로퍼티와 메소드를 이용하면, 현재 문서의 URL 주소를 다양하게 해석하여 처리할 수 있다. 현재 문서의 URL 주소 location 객체의 href 프로퍼티는 현재 문서의 전체 URL 주소를 문자열로 반환한다. document.write("현재 문서의 주소는 " + location.href + "입니다."); 현재 문서의 호스트 이름 location 객체의 hostname 프로퍼티는 현재 문서의 인터넷 호..