¿Cómo puedo detectar un cambio en la barra de direcciones con JavaScript?

Question

Tengo una aplicación pesada Ajax que puede tener un enlace como

http://example.com/myApp/#page=1 

Cuando un usuario manipula el sitio, la barra de direcciones se puede cambiar a algo así como

http://example.com/myApp/#page=5 

sin recargar la página.

Mi problema es el siguiente orden:

1. Un usuario Favoritos la primera URL.
2. El usuario manipula la aplicación de modo que la segunda URL sea el estado actual.
3. El usuario hace clic en el marcador creado en el paso 1.
4. La dirección URL en la barra de direcciones de http://example.com/myApp/#page=5 a http://example.com/myApp/#page=1, pero no sé de una manera de detectar el cambio ocurrió.

Si detecto un cambio, algo de JavaScript podría actuar sobre él.

Answer 1

HTML5 presenta un evento hashchange que le permite registrarse para notificaciones de cambios de hash de url sin sondeo para ellos con un temporizador.

Es compatible con todos los navegadores más importantes (Firefox 3.6, IE8, Chrome, otros navegadores basados ​​en Webkit), pero aún sugiero utilizar una biblioteca que maneje el evento para usted, es decir, mediante el uso de un temporizador en navegadores que no admiten el evento HTML5 y usan el evento de lo contrario.

Para obtener más información sobre el evento, consulte https://developer.mozilla.org/en/dom/window.onhashchange y http://msdn.microsoft.com/en-us/library/cc288209%28VS.85%29.aspx.

Answer 2

verificación de la dirección de la corriente periódicamente usando setTimeout/intervalo:

var oldLocation = location.href; 
setInterval(function() { 
     if(location.href != oldLocation) { 
      // do your action 
      oldLocation = location.href 
     } 
    }, 1000); // check every second 

Answer 3

debe ampliar el objeto ubicación para exponer un evento que se puede enlazar a.

es decir:

window.location.prototype.changed = function(e){}; 

(function() //create a scope so 'location' is not global 
{ 
    var location = window.location.href; 
    setInterval(function() 
    { 
     if(location != window.location.href) 
     { 
      location = window.location.href; 
      window.location.changed(location); 
     } 
    }, 1000); 
})(); 

window.location.changed = function(e) 
{ 
    console.log(e);//outputs http://newhref.com 
    //this is fired when the window changes location 
} 

Answer 4

SWFaddress es una excelente biblioteca para este tipo de cosas.