HOWTO · JavaScript
JavaScript의 history.forward() 함수
이 기사는 JavaScript를 사용하여 브라우저를 탐색하는 방법을 이해하는 데 도움이 됩니다.
이 페이지의 내용
이 기사에서는 JavaScript를 사용하여 브라우저를 탐색하는 방법을 보여줍니다.
JavaScript에서 history.forward() 함수 사용
브라우저의 창 개체의 일부로 항상 액세스할 수 있는 기록 개체에는 JavaScript에서 forward()라는 함수가 있습니다. 브라우저의 앞으로 버튼은 history.forward() 기능을 사용하는 것과 동일합니다.
메소드는 다음과 같은 방식으로 HTML 페이지에서 호출됩니다.
예제 코드:
<body>
<h1>Next Page</h1>
<a href="b.html">To Next Page</a>
<script>
window.history.forward();
</script>
</body>
브라우저의 히스토리에 다음 페이지가 포함되어 있지 않으면 history.forward() 함수는 효과가 없습니다.
history.forward() 함수는 더 강력한 보안 조치가 필요한 온라인 응용 프로그램의 뒤로 버튼을 비활성화하고 브라우저 기록의 다음 페이지로 이동하는 데 자주 사용됩니다. 이렇게 하려면 사용자가 돌아오지 않기를 원하는 페이지에 history.forward() 함수를 포함하십시오.
두 개의 웹 페이지 a.html과 b.html이 있고 a.html에서 b.html에 액세스할 수 있는 시나리오를 가정해 보겠습니다.
예제 코드:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Next Page</h1>
<a href="b.html">To Next Page</a>
<script>
window.history.forward();
</script>
</body>
</html>
사용자가 b 페이지에서 a 페이지로 돌아가지 않도록 하려면 다음 스크립트를 a 페이지에 추가할 수 있습니다.
스크립트:
<script>window.history.forward();</script>
먼저 a.html과 b.html과 같은 두 개의 웹 페이지를 만들고 두 파일을 모두 저장합니다. 코드가 메인 페이지에 있는지 확인하여 b.html과 같은 다른 페이지로 리디렉션합니다.
출력:
링크(To Next Page)를 클릭하면 다음 html/페이지로 리디렉션됩니다.
b 페이지에서 a 페이지로 돌아가면 JavaScript를 사용하여 브라우저에서 뒤로 버튼을 비활성화하는 방법이 없기 때문에 history.forward() 함수가 자동으로 호출됩니다.
이 접근 방식은 사용자가 현재 페이지를 떠나 다시 돌아오는 것을 방지해야 하는 특정 프로그램에서 사용되었습니다.
