history
Language/JAVASCRIPT 2010. 5. 10. 15:00윈도우에서 사용자가 방문했던 url에 대한 정보를 포함하는 개체이다.
|
property(속성) |
method(메써드) | ||
|
netscape6.0 |
Expolorer |
netscape6.0 |
Explorer |
|
length |
length |
back |
back |
|
forward |
forward | ||
|
go |
go | ||
1) 속성
length
history 배열에 있는 리스트의 엔트리 수를 나타내는 속성이다.
2) 매서드
back
히스토리 리스트에서 이전 url을 읽어 들인다. 사용자가 브라우저에서 back버튼을 클릭하는 것과 같은 행위를 수행하며 go(-1)과 같다.
back()
forward
히스토리 리스트에서 다음 url을 읽어 들인다.
사용자가 브라우저 버튼에서 forward 버튼을 클릭하는 것과 같은 행위를 수행하며 go(1)과 같다..
forward()
go
히스토리 리스트에서 url을 읽어 들인다. go 매써드는 히스토리 리스트에서 새로운 엔트리를 만든다. 히스토리 리스트에서 새로운 엔트리를 만들지 않기 위해서는 location.replace를 사용해야 한다.
go(①delta)
go(②location)
go(②location)
|
① delta |
히스토리 리스트에서 상대적인 위치를 나타내는 정수 |
|
② location |
히스토리 리스트에서 전부 또는 부분 url을 나타내는 문자열 |
go 매서드는 지정된 매개변수에 의해 히스토리 리스트에서 location을 탐색한다. delta가 0이라면 현재 문서를 reload하고 0보다 크면 히스토리 리스트에서 앞쪽 엔트리 수에 해당하는 url을 읽어 들이며 0보가 작으면 히스토리 리스트에서 뒤쪽 엔트리 수에 해당하는 url을 읽어 들인다.
이 예를 실행하기 전에 7개의 이상의 사이트를 한 개의 창에서 탐색한 다음에 뒤로 3단계 이동한 다음에 실행시켜 보라 그래야만 여기에 있는 속성을 제대로 확인할 수 있다.
<html>
<head>
<title>method</title>
</head>
<body>
<form name="form1">
<p><input type="button" name="backbutton" value="history.back()" onClick="history.back()">
<input type="button" name="gobackbutton" value="history.go(-1)" onClick="history.go(-1)"></p>
<p><input type="button" name="forwardbutton" value="history.forward()" onClick="history.forward()">
<input type="button" name="goforbutton" value="history.go(1)" onClick="history.go(1)" ></p>
<p><input type="button" name="gobackbutton" value="history.go(-3)" onClick="history.go(-3)">
<input type="button" name="goforbutton" value="history.go(3)" onClick="history.go(3)"></p>
</form>
</body>
</html>
<input type="button" name="backbutton" value="history.back()" onClick="history.back()">
<input type="button" name="gobackbutton" value="history.go(-1)" onClick="history.go(-1)">
2개의 버튼은 같은 역할을 하는 것으로 현재 히스토리에서 바로 이전의 히스토리 엔트리로 이동하게 된다.
<input type="button" name="forwardbutton" value="history.forward()" onClick="history.forward()">
<input type="button" name="goforbutton" value="history.go(1)" onClick="history.go(1)" ></p>
이 2개의 버튼도 같은 역할을 하는 것으로 현재 히스트로에서 바로 다음의 히스토리 엔트리로 이동하게 된다.
<input type="button" name="gobackbutton" value="history.go(-3)" onClick="history.go(-3)">
이 버튼은 현재 히스토리에서 3단계 전의 히스토리 엔트리로 이동하게 된다.
<input type="button" name="goforbutton" value="history.go(3)" onClick="history.go(3)"></p>
'Language > JAVASCRIPT' 카테고리의 다른 글
| getElementById, getElementsByName, getElementsByTagName (0) | 2010.05.10 |
|---|---|
| document 및 속성 (0) | 2010.05.10 |
| document.open, docment.write ,document.clear (0) | 2010.05.10 |
| Array(배열) 오브젝트의 기초 (0) | 2010.05.07 |
| 자바스크립트 replace (0) | 2010.05.06 |