History 객체
JavaScript History 객체는 운영 중인 브라우저의 접속 기록을 기록하는 데 사용됩니다. History 개체는 window 개체의 일부이며 window.history 속성을 통해 액세스할 수 있습니다.
팁: History 개체의 유효 범위는 현재 창을 참조합니다.
History 객체 길이 속성
History 객체에는 브라우저 액세스 기록에서 URL 수를 가져오는 데 사용되는 고유한 길이 속성이 있습니다. 예는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
document.write(history.length);
</script>
</head>
<body>
</body>
</html>
Explanation
이 예의 출력 결과는 현재 페이지의 검색 기록에 따라 다릅니다. 예가 새 창에서 열리면 IE 브라우저는 0을 출력합니다(즉, 0부터 계산), 반면 Firefox, Chrome 브라우저는 1을 출력합니다.
back() 메소드
back() 메소드는 이전 탐색 페이지로 돌아가는 데 사용됩니다(존재하는 경우). 그 효과는 브라우저의 뒤로 버튼을 클릭하거나 History.go(-1)를 호출하는 것과 같습니다. . 다음은 이전 페이지로 돌아갈 때 일반적으로 사용되는 팁입니다.
<a href="javascript:window.history.back()" />이전 페이지로 돌아가기</a>
<html>
<head>
<script>
function goBack()
{
window.history.back()
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>
forward() 메소드
back() 메소드는 다음 탐색 페이지로 이동하는 데 사용됩니다(존재하는 경우). 그 효과는 브라우저의 앞으로 버튼을 클릭하거나 History.go(1)를 호출하는 것과 같습니다. 예:
<a href="javascript:window.history.forward()" />다음 페이지로 이동</a>
<html>
<head>
<script>
function goForward()
{
window.history.forward()
}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>Note: back 메소드와 Forward 메소드에는 다음이 필요합니다. 브라우저 이력기록이 있어야만 표시될 수 있습니다.
다음 섹션