Cómo modificar una URL sin recargar la página en JavaScript

Cómo modificar una URL sin recargar la página en JavaScript

En este tutorial, aprenderemos cómo cambiar la URL sin recargar la página web usando JavaScript.

La API de historial nos proporciona métodos útiles que se utilizan para manipular la pila de historial del navegador.

Índice
  1. método replaceState()
  2. método pushState()

método replaceState()

EL replaceState() El método acepta tres argumentos que son data,title, url usando estos argumentos, actualiza la url sin recargar la página.

Ejemplo:



history.replaceState({page:2},'JavaScript','/javascript/');

data: Es un objeto donde podemos almacenar datos relacionados con esta URL.

title: Contiene datos relacionados con el título de la página web.

url: La url que necesita agregar.

método pushState()

También podemos tener pushState() método que también funciona de manera similar como replaceMethod() pero pushState() El método crea la nueva entrada en la pila del historial en lugar de reemplazar la entrada anterior.

Ejemplo:

history.pushState({page:2},'JavaScript','/javascript/');

Si quieres conocer otros artículos parecidos a Cómo modificar una URL sin recargar la página en JavaScript puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas