Cómo actualizar URL usando JavaScript

En el proceso de actualización de una página web o sitio, puede haber un requisito para redirigir al usuario a una página web diferente. Por ejemplo, reemplazar la URL obsoleta con una actualizada o invocar una página/sitio diferente con respecto al contenido actualizado en consecuencia. En tales situaciones, la redirección a otra página web en JavaScript ayuda a simplificar los procesos de redireccionamiento en el usuario y el fin del desarrollador.

Este blog ilustrará los enfoques para actualizar la URL usando JavaScript.

Cómo actualizar URL usando JavaScript?

Para actualizar la URL usando JavaScript, aplique los siguientes enfoques en combinación con el "href" atributo:

• "ubicación.reemplazar()" método.
• "setTimeout ()" y "ubicación.asignar()" métodos.

Enfoque 1: Actualizar URL en JavaScript utilizando la ubicación.Método reemplazar ()

El "href"El atributo especifica la URL de la página actual y el"ubicación.reemplazar()"El método reemplaza la URL actual por una nueva. Estos enfoques se pueden aplicar para eliminar la URL especificada de corriente reemplazándola por una nueva que entrará en vigencia.

Ejemplo

Vamos a ver el siguiente ejemplo:

En el fragmento de código anterior:

• En primer lugar, especifique la URL establecida a través del "href" atributo.
• Después de eso, aplique el "reemplazar()Método para reemplazar la URL agregada en el paso anterior con uno nuevo.
• Esto dará como resultado eliminar la URL anterior de la historia y redirigirla a la URL actualizada.
• Esta funcionalidad se realiza de tal manera que no hay que volver a la URL especificada a través del "href" atributo.

Producción

En esta salida, se puede ver que la última URL se obtiene, eliminando así la anterior.

Enfoque 2: Actualizar URL en JavaScript usando setTimeOut () y ubicación.Métodos de asignación ()

El "setTimeout ()"El método invoca una función después de la hora establecida y el" "ubicación.asignar()"El método carga un nuevo documento. Estos métodos se pueden implementar para redirigir a la URL actualizada asignada asignada a la URL especificada después del tiempo establecido.

Sintaxis

SetTimeout (FUNC, Millisec, P1, P2)

En la sintaxis dada anteriormente:

• "concurrido"Corresponde a la función a la que se debe acceder.
• "miliseco"Se refiere al intervalo de tiempo en milisegundos para ejecutar.
• "P1" y "p2"Señale los parámetros adicionales.

Ejemplo

Pasemos por el siguiente ejemplo dado:

Aplique los siguientes pasos, como se indica en el código anterior:

• En el primer paso, aplique el "setTimeout ()"Método para la función establecida de tal manera que la función se ejecuta después de 5000 milisegundos ="5" segundos.
• En la definición de función, especifique la URL establecida utilizando el "href" atributo.
• En el siguiente paso, aplique el "ubicación.asignar()Método "para actualizar la URL y redirigir a la página correspondiente a la URL recién asignada.
• Esto invocará la última URL en el código después de 5 segundos.

Producción

Como se ve, la función se invoca después de la hora establecida y se invoca la URL asignada.

Conclusión

El "href"Atributo en combinación con el"ubicación.reemplazar()"Método o el"setTimeout ()" y "ubicación.asignar()Los métodos se pueden usar para actualizar la URL usando JavaScript. El enfoque anterior se puede utilizar para eliminar la URL establecida y reemplazarla con una nueva. El último enfoque se puede aplicar para asignar una nueva URL de tal manera que la URL asignada entra en vigencia después del tiempo establecido. Este blog explicó cómo actualizar la URL usando JavaScript.