Tecnología

Inicio

La Función De vuelta en la codificación HTML

La Función De vuelta en la codificación HTML


Los usuarios suelen volver a las páginas Web visitadas anteriormente a través de los botones de navegación en el navegador. Sin embargo, un programador puede utilizar JavaScript para imitar esta funcionalidad. Al utilizar el objeto "historia" dentro de una función de JavaScript, junto con un botón de entrada HTML, se puede construir un botón que lleva al usuario a la página web anterior visitado, al igual que el botón "Atrás" del navegador.

Botón de entrada HTML

El HTML "<input>" etiquetas muestra un campo de entrada del usuario en el navegador. El tipo de entrada depende del tipo de la etiqueta de entrada. programadores HTML pueden insertar campos de entrada de texto, campos de entrada de contraseña, casillas de verificación y botones puede hacer clic. En este ejemplo, se crea un botón que el usuario puede hacer clic. Este botón activa la "goBack ()" función de JavaScript, que envía al usuario a la página que estaba viendo anteriormente.

<Input type = "button" value = "Volver" onclick = "goBack ()" />

El objeto de la historia

Con el fin de obtener información de navegación desde el navegador Web, utilice el objeto "Historia". El objeto historia tiene algunas funciones miembro, como la longitud de la lista del historial del navegador y páginas Web visitadas anteriormente. Tome ventaja de la función del objeto de la historia "ir ()" cuando se crea un botón de navegación de vuelta con su secuencia de comandos. La función GO () toma un entero como argumento y se carga la dirección URL que es la distancia desde la ubicación actual en la historia del navegador / Para volver a la página Web anterior, la función de marcha () utiliza un valor de -1.

La función JavaScript

Con el fin de hacer que el código sea más legible, ponga la función goBack () en la cabecera del documento HTML. La función se ejecutará el comando para navegar por el navegador a la página anterior en la historia llamando a la función go () del objeto de la historia. El código siguiente ilustra la función goBack ().

<Head>

<Script type = "text / javascript">

goBack función () {

history.go (-1);

}

</ Head>

El Código Todos Juntos

El siguiente ejemplo ilustra el documento HTML que contiene todos los elementos del código como deben aparecer. El JavaScript reside en la cabecera, mientras que la entrada de botón estará en un campo de "forma".

<Html>

<Head>

<Script type = "text / javascript">

goBack función () {

history.go (-1);

}

</ Head>

<Body>

<Form name = "goback">

<Input type = "button" value = "Volver" onclick = "goBack ()" />

</ Form>

</ Body>

</ Html>