JavaScript의 history.forward() 함수

Shiv Yadav 2024년2월15일

JavaScript JavaScript Function

이 기사에서는 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과 같은 다른 페이지로 리디렉션합니다.

출력:

메인 페이지에서 history.forward 기능 사용

링크(To Next Page)를 클릭하면 다음 html/페이지로 리디렉션됩니다.

두 번째 페이지

b 페이지에서 a 페이지로 돌아가면 JavaScript를 사용하여 브라우저에서 뒤로 버튼을 비활성화하는 방법이 없기 때문에 history.forward() 함수가 자동으로 호출됩니다.

이 접근 방식은 사용자가 현재 페이지를 떠나 다시 돌아오는 것을 방지해야 하는 특정 프로그램에서 사용되었습니다.

작가: Shiv Yadav

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

JavaScript에서 history.forward() 함수 사용

관련 문장 - JavaScript Function

JavaScript에서 `history.forward()` 함수 사용