Deshabilitar el botón Volver del navegador

Para deshabilitar el botón de “volver atrás” en el navegador, hay que incluir una función javascript dentro del método ‘onload‘ del body de una página HTML.

Página HTML

Este sería el código HTML de nuestra página, indicando en el método ‘onload’ que se ejecute el script encargado de deshabilitar el botón:

 HTML | 
 
 copy code |
?

01 <html>
02    <head>
03       <script src="assets/js/custom.js"></script>
04       ...
05    </head>
06    <body onload="nobackbutton();">
07       ...
08    </body>
09 </html>
10

javascript

Creamos un fichero llamado ‘custom.js‘ en la carpeta de nuestro dominio ‘~/assets/js‘ y le añadimos el siguiente código encargado de deshabilitar el botón de volver atrás:

 Javascript | 
 
 copy code |
?

1 function nobackbutton(){
2    window.location.hash="no-back-button";
3    window.location.hash="Again-No-back-button" //chrome
4    window.onhashchange=function(){window.location.hash="no-back-button";}
5 }

Si abres la página que has creado podrás comprobar que el botón de volver atrás del navegador aparece deshabilitado.

También puede interesarte

Sobre Fátima de la Osa Barriga

Fátima de la Osa Barriga es uno de los creadores y desarrolladores que componen Developando.

Si quieres conocer más sobre Fátima de la Osa Barriga visita su perfil.

Find more about me on:

Buscador de tutoriales

Deshabilitar el botón Volver del navegador

Página HTML

javascript

También puede interesarte

Sobre Fátima de la Osa Barriga

Deja tu comentario

01	<html>
02	<head>
03	<script src="assets/js/custom.js"></script>
04	...
05	</head>
06	<body onload="nobackbutton();">
07	...
08	</body>
09	</html>
10

1	function nobackbutton(){
2	window.location.hash="no-back-button";
3	window.location.hash="Again-No-back-button" //chrome
4	window.onhashchange=function(){window.location.hash="no-back-button";}
5	}