> 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 브라우저의 뒤로 버튼을 비활성화하는 방법은 무엇입니까?

JavaScript를 사용하여 브라우저의 뒤로 버튼을 비활성화하는 방법은 무엇입니까?

王林
풀어 주다: 2023-09-07 14:21:02
앞으로
1069명이 탐색했습니다.

如何使用 JavaScript 停止浏览器的后退按钮?

브라우저 중지 뒤로 버튼의 의미는 사용자가 이전 페이지로 이동하는 것을 방지하는 것입니다. 때로는 보안상의 이유로 사용자가 현재 페이지의 뒤로 이동하지 못하도록 해야 합니다.

예를 들어, 대부분의 은행 웹사이트에서는 온라인 뱅킹을 사용하여 웹사이트에서 특정 거래를 할 때 돌아가는 것을 허용하지 않습니다. 사용자가 거래 중간에 돌아오면 몇 가지 문제가 발생할 수 있기 때문입니다. 따라서 거래를 완료하거나 취소하고 다시 시작할 수만 있습니다.

여기에서는 자바스크립트를 이용해 사용자가 현재 웹페이지에서 이전 웹페이지로 돌아가는 것을 방지하는 다양한 방법을 배워보겠습니다. 이 튜토리얼에서는 JavaScript 또는 jQuery를 사용하여 브라우저 뒤로 버튼을 중지하는 방법을 배웁니다.

window.history.forward() 메소드를 사용하세요

window.history.forward() 메소드를 사용하면 사용자를 이전 URL로 리디렉션할 수 있습니다. 창 객체는 위치 객체를 스택 형식으로 저장합니다. 따라서 기록 객체의 전달() 메서드는 마지막 위치를 찾아 사용자를 해당 위치 객체의 URL로 리디렉션합니다.

문법

사용자는 다음 구문에 따라 기록 개체의 전달() 메서드를 사용할 수 있습니다.

으아악

위 구문에서 window는 전역 개체를 나타내며 각 웹 페이지에는 window 개체가 포함되어 있습니다.

예 1

아래 예에서는 HTML 태그를 사용하여 사용자를 TutorialsPoint 사이트의 홈 페이지로 보내는 링크를 만듭니다. JavaScript에서는 방금 window.history.forward() 메서드를 추가했습니다.

이제 사용자는 현재 웹페이지에서 tutorialsPoint 사이트의 홈페이지로 이동할 때마다 해당 페이지로 돌아갈 수 없습니다.

으아악

예 2

아래 예에서는 setTimeOut() 함수를 사용하여 특정 시간이 지나면 사용자를 이전 페이지로 리디렉션합니다. setTimeOut() 함수에서는 1초 후에 window.history.forward() 메서드를 호출합니다.

따라서 출력에서 ​​사용자는 TutorialsPoint 사이트의 홈 페이지에서 현재 페이지로 돌아올 때마다 1초 후에 다시 리디렉션되는 것을 관찰할 수 있습니다.

으아악

window.history.go() 메소드를 사용하세요

window.history.go() 메소드는 사용자를 마지막 위치의 URL로 리디렉션합니다.

문법

사용자는 다음 구문에 따라 window.history.go() 메서드를 사용하여 브라우저의 뒤로 버튼을 중지할 수 있습니다.

으아악

위 구문에서는 HTML 요소에 onload 속성을 추가하고 stopBack() 함수를 호출합니다.

예 3

아래 예에서는 window.history.go() 메서드를 사용하여 사용자를 이전 페이지로 리디렉션합니다. 웹페이지가 로드될 때마다 stopBack 함수를 호출하여 사용자를 현재 페이지에서 이전 페이지로 리디렉션하므로 브라우저의 뒤로 버튼을 중지할 수 있습니다.

으아악

사용자가 특정 웹페이지로 돌아가는 것을 방지하는 방법을 배웠습니다. 우리는 window.history.forward() 및 window.history.go() 메서드를 사용했습니다.

위 내용은 JavaScript를 사용하여 브라우저의 뒤로 버튼을 비활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿