javascript - Why does returning from other web leave the last hash while showing the content of the first one? -

problem: after input name , hit enter, hash changes 'pag2', showing different content. click red link goes other website and, once on website, go via button in browser. still www.luisalmerich.com#pag2, shows content empty location hash (the 1 see entering directly).

if have explained badly:

www.luisalmerich.com -> input text , hit enter -> www.luisalmerich.com/#pag2 -> www.siroppe.com (red link on #pag2) -> button on browser -> www.luisalmerich.com/#pag2 content www.luisalmerich.com

this web: http://www.luisalmerich.com/

my code isn't weird. here javascript website has (it's causing problem):

$(document).ready(function () {     $('#input1').keypress(function (e) {        if(e.which == 13){            location.hash="pag2";        }     }); });  $(window).on('hashchange', function() {     if (location.hash == "#pag2") {         $('#pag1').css("display", "none");         $('#pag2').css("display", "block");         $('#pag3').css("display", "none");     } else if (location.hash == "#pag3") {         $('#pag1').css("display", "none");         $('#pag2').css("display", "none");         $('#pag3').css("display", "block");          } else {         $('#pag1').css("display", "block");         $('#pag2').css("display", "none");         $('#pag3').css("display", "none");     } }); 

and here important html

<ul id="lista">     <li id="pag1">         <label id="label1" for="input1">             hola, soy luis.<br/>             bienvenido mi web personal.<br/>             antes de nada,<br/>             ¿podrías indicarme tu nombre?<br/>         </label>         <input type='text' id="input1" autofocus autocomplete='off'/>     </li>     <li id="pag2">         <label id="label2">             <span id='nombre'>buenos días x.</span>             me llamo luis almerich de haro. además de trabajar como creativo en la agencia <a href='http://siroppe.com/'>siroppe</a>, estudio publicidad y relaciones públicas en la universidad ceu de valencia.</br>             nací hace 21 años en un pequeño pueblo de la costa gaditana y, desde que era un niño, me ha fascinado el mundo de la publicidad. también tengo otras pasiones como la tecnología, música, lectura, deporte y arte.</br>             me defino como una persona muy curiosa. me encanta aprender cosas nuevas y, al igual que esta web, soy un lienzo en blanco en el que queda mucho por completar.</br>             ¿te interesaría saber algo más sobre mí?</br>         </label>     </li>     <li id="pag3">         <label id="label3">voy hablar un poco sobre mis cualidades. tengo una actitud positiva hacia cualquier trabajo y gran facilidad para comunicarme y relacionarme con mis compañeros. confianza en el trabajo, adaptabilidad dentro del entorno laboral y en el trabajo en equipo, auto-motivación y pasión en el entorno laboral.</br>también participado en diversos voluntariados:<ul><li>organización del festival de publicidad la lluna 2014, cargo de csg servicios.</li><li>organización del cóctel de navidad del colegio publicitario 2014.</li><li>miembro activo del observatorio beyond line desde septiembre del 2014.</li><li>colaborador de la marca maru cruz.</li></ul></br>di mi gran paso al mundo laboral trabajando para <a href='http://www.estudihac.com/'>estudi{h}ac</a> como new business , research.</p><p>soy proactivo, me gusta participar en concursos, eventos y actividades. durante el curso 2014/2015 participé en el concurso anual de publicidad naranja below, donde obtuve el segundo puesto. también participé en nasa space apps challenge 2015, donde obtuve una mención especial por la mejor presentación y manera de vender un proyecto.</label>     </li> </ul> 

right i'm not using pag3 because of problem. also, know ascii problems, fix them can :)

as can see, nothing special. doing wrong? want show content of pag2 when user returning other web.

the $(window).on('hashchange' event not firing when come site. hash it's there, since beginning.

you need check hash in document.ready:

 $( document ).ready(function() {       if(window.location.hash) {         // fragment exists, staff use       }  );