Diferença entre a janela.localização.href e janela.localização.Substitua em JavaScript | Explicado

Ambos os atributos pertencem ao objeto da janela do navegador. Para ser preciso, eles pertencem a um objeto interno conhecido como o localização objeto, e seu único trabalho é conhecer o local atual do documento. Mudando estes localização Os valores dos objetos geralmente significam alterar o documento. Porque esse objeto define o URL e qualquer alteração no URL significa alterar o documento para outro. Agora o Href propriedade e o substituir() função Faça exatamente o mesmo trabalho, mas de uma maneira diferente.

Vamos quebrar a confusão. Ambas as propriedades são usadas para ir a um novo documento ou a uma nova página da web. No entanto, o "href ” A propriedade faz isso adicionando uma nova entrada dentro do elemento histórico e o “substituir" Propriedade faz por substituindo A entrada mais alta no elemento de história com o URL mais recente.

A janela.localização.Propriedade Href

Primeiro de tudo, configure uma nova página inicial com a seguinte linha dentro dela:

Esta é a primeira página

Vá para a segunda página

Neste trecho de código acima, foi criado um botão que será usado para ir para a segunda página usando a função ButtonClicked () Dentro do arquivo de script.

A execução deste documento HTML fornece a página a seguir no navegador:

Depois disso, no arquivo de script ou no Tag, use as seguintes linhas de código:

Este script vai realocar o navegador para o “SecondPage.html ”. No entanto, segunda página.HTML ainda não existe. Então, crie a segunda página.HTML com as seguintes linhas dentro dele:

Esta é a segunda página

Nota: Esta segunda página.HTML deve ser criado no mesmo diretório que a casa.html ou a primeira página.

Depois disso, executando o arquivo html principal e clicar no botão produzirá os seguintes resultados:

Fica claro a partir da saída que pressionar o botão redirecionará o navegador para a segunda página e pressionar o botão traseiro na janela do navegador levará o navegador de volta à página inicial. Este é o funcionamento da janela.localização.Propriedade Href.

A janela.localização.substituir()

Assim como no exemplo da propriedade HREF, comece criando um novo arquivo HTML chamado Home.HTML e adicione as seguintes linhas dentro dele:

Esta é a primeira página

Vá para a segunda página usando substituição

Depois disso, adicione as seguintes linhas na etiqueta de script ou no arquivo de script:

No trecho de código, observe que, diferentemente da propriedade HREF, a substituição é na verdade uma função que leva o novo local dentro de seus argumentos.

Depois disso, crie a segunda página.HTML Adicione as seguintes linhas dentro dele:

Esta é a segunda página

Mas o navegador não pode voltar

Porque ele usou a propriedade Substitua

Depois disso, executando esta casa.HTML mostrará o seguinte comportamento do navegador:

Fica claro no GIF acima que a função de substituição substitui a entrada mais alta na história do navegador; portanto, o botão traseiro do navegador está acinzentado.

Conclusão

A propriedade HREF e a função substituição () fazem parte do objeto de localização da janela. O objetivo principal de ambos é mover o navegador para uma nova página da web que é definida pelo URL. A propriedade HREF adiciona um elemento na história do navegador. Considerando que a função Substitua () substitui a entrada mais alta pelo novo local, fazendo com que os navegadores não possam voltar para a página anterior.