Objeto de historial de JavaScript | TIEngranaje

JavaScript es uno de los lenguajes de programación más populares del mundo. Combinando la potencia y la flexibilidad, este lenguaje es utilizado en muchas áreas, incluyendo el desarrollo de páginas web. Uno de los objetos más importantes de JavaScript es el Historial, el cual permite al usuario navegar y controlar el contenido que ha visitado. En este artículo, exploraremos los detalles de este objeto y cómo puede ser utilizado para mejorar la experiencia del usuario en la plataforma web. Bienvenidos a TIEngranaje.

El Objeto de historial de JavaScript es un objeto al que se puede acceder a través de la propiedad de historial de un objeto de ventana. Expone métodos y propiedades útiles que le permiten moverse atrás y adelante a través del historial del usuario.

Propiedades del objeto de historial

El objeto Historia tiene un propiedad valiosa que puede usar para determinar la cantidad de elementos en el historial de la ventana. Podemos usar el length propiedad. Internet Explorer y Opera comienzan en 0mientras que Chrome, Safari y Firefox comienzan en 1.

Propiedad Descripción
Length Obtiene el número de URL en la lista del historial del navegador.

Ejemplo

<script type="text/javascript">
    document.write("URLs in history: " + history.length);
</script>

Métodos de objetos de historial

El objeto Historia tiene un valioso propiedad que puede utilizar para determinar el número de elementos en el historial de la ventana. Podemos usar el length propiedad. Internet Explorer y Opera comienzan en 0mientras que Chrome, Safari y Firefox comienzan en 1.

El back() y forward() los métodos son idénticos excepto que uno se usa para retroceder mientras que el otro se usa para avanzar desde los elementos en el historial de la ventana.

Método Descripción
back() Carga la URL anterior de la lista de historial.
forward() Carga la siguiente URL de la lista de historial.
go() Carga una URL específica de la lista de historial.

Atrás () Ejemplo

<script type="text/javascript">
    function goBack(){
        window.history.back();
    }
</script>

<a href="https://www.itgeared.com/javascript-window-history-object-tutorial/javascript:void(0);" onclick="goBack()">
    [Go Back!]
</a>

Ir() Ejemplo

<script type="text/javascript">
    function goBack2(){
        window.history.go(-2);
    }
</script>

<a href="https://www.itgeared.com/javascript-window-history-object-tutorial/javascript:void(0);" onclick="goBack2()">
    [Go Back Two Pages!]
</a>

Error 403 The request cannot be completed because you have exceeded your quota. : quotaExceeded

Deja un comentario