티스토리 뷰

반응형

* JavaScript 뒤로가기 막기

 

로그아웃 하면 로그인 페이지로 이동하는데 로그인 페이지에서 뒤로가기를 눌렀을 때 로그아웃하기 전 메인화면으로 다시 돌아가면 보안상이나 홈페이지 운영에 타격을 줄 수 있다.

 

이런 경우를 대비하여 뒤로가기 버튼을 비활성화 시켜보자.

 

뒤로가기 버튼을 막는 방법은 여러가지가 있는데 그 중 하나를 소개해본다.

 

 

1
2
3
4
 <script type="text/javascript">
 window.history.forward();
 function noBack(){window.history.forward();}
</script>
cs

 

이 코드와

 

1
<body onload="noBack();" onpageshow="if(event.persisted) noBack();" onunload="">
cs

 

이 코드를

뒤로가지 말아야할 페이지에 넣어주면

한번 뒤로갔다가 다시 뒤로가기를 눌렀을 때 페이지로 돌아오게 된다.

 

 

스크립트 코드는 </head> 코드 밑에 적어주고,

위 함수호출하는 코드는 <body> 코드 안에 적어줘야한다.

 

 

위 2개의 코드를 넣을 페이지는

뒤로가기를 눌렀을때 반드시 뒤로가지 말아야할 페이지에 넣어줘야한다.

반응형
댓글
공지사항