KOMPOOS.NL

onpopstate - HTML5

home » manuals » html5 » onpopstate.html

sitemap | terug naar het html5 referentie - events - overzicht

Let op!

onpopstate wordt nog niet door alle browsers ondersteund

update voorbeeld onpopstate procedure

Dit voorbeeld is uitgeschakeld. Google-bot vond de alerts bij het openen van de pagina "niet zo leuk". Deze alerts dienden er alleen maar voor om dit voorbeeld te illustreren; in het normale gebruik zal je deze procedure voor andere zaken (dan alerts produceren) gebruiken.

uitleg onpopstate gebeuren

Plaats het onderstaande stukje javascript ergens in de body-sectie van jouw pagina. Als jouw browser onpopstate ondersteunt heb je de drie alerts (bij het openen van deze pagina) al gezien. Zoals je in de adresbalk kon zien, is het adres daar een paar keer gewijzigd zonder dat de pagina herladen werd. Vervang de alert in de code voor iets wat nuttig voor jou is.

javascript voor onpopstate

<script>
        window.onpopstate = function(event) {
          alert("de url : " + document.location + ", heeft nu de waarde : " + JSON.stringify(event.state));
        };
        history.pushState({pagina: 1}, "een titel 1", "?pagina=1");
        history.pushState({pagina: 2}, "een titel 2", "?pagina=2");
        history.replaceState({pagina: 3}, "een titel 3", "?pagina=3");
        history.back(); 
        history.back(); 
        history.go(2);  
</script>