<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="utf-8">
<title></title>
<!-- html5 -->
<script src="js/jquery.js"></script>
<script>
//<![CDATA[
$(document).ready(function(){
$('nav a').click(function(event) {
event.preventDefault(); // evitar la acción del link al href
var url = $(this).attr('href');
$('article').load(url + ' article');
$('aside').load(url + ' aside');
});
$('#previous').click(function(){
window.history.back();
});
$('#forward').click(function(){
window.history.forward();
});
function loadView(view){
$('nav').load('views/'+view+'.html');
}
function printHistoryLength(){
$('span').text(window.history.length);
}
$('nav').on('click','a',function(event){
if (typeof window.history.pushState == 'function') {
event.preventDefault();
var view = $(this).attr('href');
window.history.pushState(view, null, view);
loadView(view);
printHistoryLength();
}
});
window.history.replaceState($('strong').text(), null, $('strong').text());
printHistoryLength();
window.onpopstate = function(event){
loadView(window.history.state);
};
});
//]]>
</script>
<!-- navSelect -->
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<header><h1></h1></header>
<nav>
<ul>
<li><a href="index.html">Pagina_1</a></li>
<li><a href="dos.html">Pagina_2</a></li>
</ul>
</nav>
<article>Cero</article>
<aside>Uno</aside>
</body>
</html>