silverstripe-framework/admin/thirdparty/history-js/demo/native-auto.html
2011-12-14 16:15:36 +01:00

44 lines
1.3 KiB
HTML

<html>
<head>
</head>
<body>
<script type="text/javascript">
(function(){
window.onpopstate = function(event) {
console.log("onpopstate: location: " + document.location.href + ", data: " + JSON.stringify(event.state));
};
window.onhashchange = function(event) {
console.log("onhashchange: location: " + document.location.href);
};
setTimeout(function(){
history.pushState({page: 1}, "title 1", "?page=1");
},1e3);
setTimeout(function(){
history.pushState({page: 2}, "title 2", "?page=2");
},2e3);
setTimeout(function(){
history.replaceState({page: 3}, "title 3", "?page=3");
},3e3);
setTimeout(function(){
document.location.hash = 'asd';
},4e3);
setTimeout(function(){
history.back(); // alerts "location: http://example.com/example.html?page=3#asd, state: {"page":3}"
},5e3);
setTimeout(function(){
history.back(); // alerts "location: http://example.com/example.html?page=1, state: {"page":1}"
},6e3);
setTimeout(function(){
history.back(); // alerts "location: http://example.com/example.html, state: null
},7e3);
setTimeout(function(){
history.go(2); // alerts "location: http://example.com/example.html?page=3, state: {"page":3}
},8e3);
})();
</script>
</body>
</html>