Como atualizar o URL usando JavaScript

No processo de atualização de uma página ou site da web, pode haver um requisito para redirecionar o usuário para uma página da web diferente. Por exemplo, substituindo o URL desatualizado por um atualizado ou invocando uma página/site diferente em relação ao conteúdo atualizado de acordo. Em tais situações, redirecionar para outra página da web em JavaScript ajuda a simplificar os processos de redirecionamento no usuário e no final do desenvolvedor.

Este blog ilustrará as abordagens para atualizar o URL usando JavaScript.

Como atualizar o URL usando JavaScript?

Para atualizar o URL usando JavaScript, aplique as seguintes abordagens em combinação com o “Href”Atributo:

• ““localização.substituir()”Método.
• ““setTimeout ()" e "localização.atribuir()" métodos.

Abordagem 1: URL de atualização no JavaScript usando o local.Método Substituir ()

O "Href”O atributo especifica o URL da página atual e o“localização.substituir()”O método substitui o URL atual por um novo. Essas abordagens podem ser aplicadas para remover o URL especificado atual, substituindo -o por um novo que entrará em vigor.

Exemplo

Vamos ver o exemplo a seguir:

No trecho de código acima:

• Em primeiro lugar, especifique o URL declarado através do “Href”Atributo.
• Depois disso, aplique o “substituir()”Método para substituir o URL adicionado na etapa anterior por um novo.
• Isso resultará na remoção do URL anterior da história e redirecioná -lo para o URL atualizado.
• Essa funcionalidade é realizada de modo que não há como voltar ao URL especificado através do “Href”Atributo.

Saída

Nesta saída, pode -se ver que o último URL é buscado, removendo assim o primeiro.

Abordagem 2: Atualizar URL no JavaScript usando setTimeout () e localização.atribuir () métodos

O "setTimeout ()”O método chama uma função após o tempo definido e o“localização.atribuir()”Método carrega um novo documento. Esses métodos podem ser implementados para redirecionar para o URL atualizado atribuído alocado para o URL especificado após o tempo definido.

Sintaxe

Settimeout (Func, Millisec, P1, P2)

Na sintaxe acima mencionada:

• ““functão”Corresponde à função que precisa ser acessada.
• ““Millisec”Refere -se ao intervalo de tempo em milissegundos para executar.
• ““P1" e "P2”Aponte para os parâmetros adicionais.

Exemplo

Vamos passar pelo exemplo abaixo dado:

Aplique as etapas a seguir, conforme fornecido no código acima:

• Na primeira etapa, aplique o “setTimeout ()”Método para a função declarada de modo que a função seja executada após 5000 milissegundos =“5Segundos.
• Na definição da função, especifique o URL declarado usando o “Href”Atributo.
• Na próxima etapa, aplique o “localização.atribuir()”Método para atualizar o URL e redirecionar para a página correspondente ao URL recém -designado.
• Isso irá invocar o último URL no código após 5 segundos.

Saída

Como visto, a função é invocada após o tempo definido, e o URL atribuído é invocado.

Conclusão

O "HrefAtributo em combinação com o “localização.substituir()”Método ou o“setTimeout ()" e "localização.atribuir()”Os métodos podem ser usados ​​para atualizar o URL usando JavaScript. A abordagem anterior pode ser utilizada para remover o URL definido e substituí -lo por um novo. A última abordagem pode ser aplicada para atribuir um novo URL, de modo que o URL atribuído entre em vigor após o tempo definido. Este blog explicou como atualizar o URL usando JavaScript.