Una función no se puede ejecutar después de navegar a otra página. De la misma forma, lo que estás haciendo no es redireccionar, con location.href
estás navegando.
Ahora bien, si la página sigue pertenenciendo al mismo dominio, es decir, si estabas (por ejemplo) en http://localhost/login
y después navegas a http://localhost/dashboard
, puedes almacenar datos en el localStorage para que la página renderice elementos cuando haya cargado.
Para guardar un item en el localStorage usa lo siguiente:
let pageSettings = {
showDiv: true
}
localStorage.setItem('pageSettings', JSON.stringify(pageSettings));
Por lo tanto el callback del eventListener
debería quedar así:
document.querySelector('#botones')
.addEventListener('click', () => {
let pageSettings = {
showDiv: true
};
localStorage.setItem('pageSettings', JSON.stringify(pageSettings));
window.location.href = 'www.prueba.com';
// Comentamos esto porque no va a funcionar.
//Mostrar();
});
Y en www.prueba.com
tienes que añadir lo siguiente:
<div id="caja" style="display:none;"></div>
<script>
let pageSettings = JSON.parse(localStorage.getItem('pageSettings'));
if (pageSettings.showDiv) {
document.getElementById('caja').style.display = block; // O lo que necesites.
};
</script>
Recuerda añadir esto antes de cerrar el body, si la página aún no se ha cargado y estás intentando aplicar estilos, va a devolver error porque no ha encontrado el elemento que necesita modificar.