반응형
자바스크립트(JavaScript) history 객체의 뜻과 간단예제 알아보기
뜻 : 웹 브라우저를 이용해서 방문했던 히스토리 리스트 정보를 저장해두는 객체로, 가장 최근에 방문하였던 URL 주소들을 담아두는 객체이다. 익스플로러 같은 경우에는 보관일수가 20일로 지정되어 있다. 자신이 이전에 열어 본 홈페이지의 URL이 있다면 다음에 접속할 때는 좀더 빠르게 접속할 수 있다. 자바스크립트를 사용해서는 히스토리 리스트 안에 있는 URL 주소를 알 수 있다.
history 객체의 속성은 다음과 같다.
속성 |
기능 |
length |
히스토리 리스트에 포함되어 있는 URL 주소의 수를 알 수 있는 속성이다. 이 속성을 이용해서 임의로 URL 주소를 가지고 있는 수를 지정할 수 있다. |
히스토리 객체의 메소드는 다음과 같다.
메소드 |
기능 |
back |
히스토리 리스트에서 한 단계 앞으로 이동할 때 사용한다. |
foreward |
히스토리 리스트에서 한 단계 뒤로 이동할 때 사용한다. |
go |
히스토리 리스트에서 임의의 위치로 이동할 때 사용한다. 만약 go(-1)이라고 지정해주면 back 메소드와 같은 역할을 한다. |
history 객체에서 사용하는 속성과 메소드는 웹 브라우저에서 많이 사용할 수 있는 단축아이콘으로 표시가 되어 있다. history 객체의 메소드를 이용해서 웹 브라우저의 단축 아이콘을 클릭하지 않아도 바로 이동할 수 있다.
간단예제를 참고하길...
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>자바스크립트 history 객체 go() 메소드를 활용한 예제 </title> </head> <body> <form> <input type="button" value="이전의 문서나 URL은 무엇입니까?" onclick="history.go(-1)"> </form> </body> </html> | cs |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>자바스크립트 history 객체 go() 메소드를 활용한 예제 </title> </head> <body> <form> <input type="button" value="다섯번째 이전의 문서나 URL은 무엇입니까?" onclick="history.go(-5)"> </form> </body> </html> | cs |
위 결과는 다 아시기때문에 따로 찍어둔 사진이 없습니다. 이해해주세요ㅠㅠ
반응형
'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글
| 자바스크립트 navigator 브라우저의 정보와 버전 알아보기 간단예제 (0) | 2016.05.01 |
|---|---|
| 자바스크립트 navigator 객체의 뜻과 간단예제, 사용정보 알아보기 (0) | 2016.05.01 |
| 자바스크립트 prompt 메소드 간단예제와 뜻 (0) | 2016.04.24 |
| 자바스크립트 confirm() 메소드 뜻과 간단예제 (0) | 2016.04.24 |
| [자바스크립트] window(윈도우) 객체, 객체의 메소드와 간단예제 (0) | 2016.04.17 |
