Explicação detalhada do HTML5 PushState, Popstate Operation Histor

Window.History representa os registros históricos do objeto de janela, que é gerado ativamente pelos usuários e aceitou o objeto global controlado pelo script JavaScript. O objeto da janela fornece acesso ao registro histórico do orador através do objeto de história. Ele expõe alguns métodos e atributos muito úteis, permitindo que você avance e recue livremente em registros históricos.

Retiro no registro histórico, você pode fazer isso:

 window.history.back ();

É como um usuário, clique no botão Voltar do navegador.

Da mesma forma, você pode seguir em frente, como clicar no botão avançado no navegador, como este:

 window.history.forward ();

Ao especificar um valor em comparação com a posição atual da página, você pode usar o método go () para carregar a página do registro histórico da sessão atual (o valor atual do índice de posição da página é 0, a página anterior é -1 e o A próxima página é 1).

Para retirar uma página (equivalente a Calling ()) :):

 Window.history.go (-1);

Mova uma página adiante (equivalente a ligar para a frente ()):

 Window.history.go (1);

Semelhante, PASS parâmetro 2, você pode avançar 2 pontos de registro. Você pode ver o valor do atributo de comprimento e quantos pontos de registro existem na pilha de registros históricos:

 window.history.length;

A nova API do HTML5 estendeu a janela. História, tornando o ponto de registro histórico mais aberto. Você pode armazenar os registros históricos atuais, substituir os registros históricos atuais e monitorar pontos de registro histórico.

O método armazenado é semelhante à matriz da pilha (Array.push ()), e um novo ponto de registro histórico é adicionado à janela.History, como ::

 // O URL atual é: http://qianduanblog.com/index.htmlvar json = {time: new Date (). O navegador não verifica se o URL existe, mas apenas altera o URL.

Depois que o método pushState é executado, o endereço da URL da página é http://qianduanblog.com/post -html.

Window.History.Replacestate é semelhante ao Window.history.pushstate. adicionado ao ponto de registro. Quando você precisa atualizar o objeto de status ou URL da entrada histórica de registro atual em resposta a determinadas operações do usuário, o uso do método replacestate () é particularmente apropriado.

O ponto de registro histórico de monitoramento, o intuitivo pode ser considerado a mudança de URL, mas ignorará a parte do hash do URL, ouvirá a parte do hash do URL, o HTML5 tem uma nova API como OnhashChange. Este método e cruzamento também são ditos a este método e Browler Cross -Browler. Você pode ouvir as mudanças do URL através do Windows.onpopstate, e você pode armazenar o objeto de status no ponto de registro histórico, que é o objeto JSON mencionado acima, como:

 // O URL atual é: http://qianduanblog.com/post -htmlwindow.onpopstate = function () {// Obtenha o objeto JSON armazenado no ponto de registro histórico var json = window.history.state; Retorne para: http://qianduanblog.com/index.html // o json obtido é nulo // novamente.

Vale a pena notar que: o script javascript executa window.history.pushstate e window.history.replacestate não aciona o evento OnPopstate.

Também é importante observar que a reação do navegador do Google e do Firefox navegador na página pela primeira vez é diferente.

O acima é a explicação detalhada das operações PushState e Popstate do HTML5. tempo. Muito obrigado pelo seu apoio ao site VevB Wulin!