En primer lugar he utilizado el buscador pero lo que he encontrado al respecto no me ha servido, pido disculpas si he pasado algo por alto. Os pongo un ejemplo muy simple para entenderlo mejor.
Tengo una página html y una función simple en javascript con la que cargo una página dentro de un div al hacer click en un enlace.
El html:
Código HTML:
<!doctype html> <html> <head> <meta charset="utf-8"/> <title>prueba</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="prueba.js"></script> </head> <body> <header> <nav> <ul> <li> <a id="boton1" href="#">Boton 1</a> </li> <li> <a id="boton2" href="#">Boton 2</a> </li> </ul> </nav> </header> <section> <div id="contenido"></div> </section> </body> </html>
Código:
Llegado a este punto necesito que al hacer click sobre cada botón se modifique la ruta en la barra de navegación y el título de la página para mostrar fácilmente donde nos encontramos, así como poder utilizar los botones atrás y adelante. He estado informándome sobre una API en HTML5 que permite hacer esto pero no soy capaz de aplicarlo a mi proyecto $(document).ready(function() {
$("#boton1").click(function(event) {
$("#contenido").load('ejemplo1.php');
});
$("#boton2").click(function(event) {
$("#contenido").load('ejemplo2.php');
});
});
, os pido ayuda. Gracias 
