-
Cómo agregar cookies en XHTML
-
Los desarrolladores web a menudo les resulta engorroso para hacer cambios a los sitios HTML existentes. XHTML resuelve ese problema mediante la aplicación de normas que mejoran la capacidad de mantenimiento y la accesibilidad de las páginas Web. El uso de XHTML, se puede realizar un seguimiento de los visitantes del sitio mediante la colocación de los datos de cookies en sus navegadores. Una cookie puede ser tan simple como un nombre de usuario o tan complejo como una lista de compras. JavaScript y expresiones regulares permiten agregar funcionalidad de seguimiento de cookies a sus páginas XHTML rápidamente.
Instrucciones
1 Abra el documento XHTML usando el Bloc de notas o un editor HTML.
2 Agregue el código siguiente a la sección del documento "<body>".
<Input id = type = "button" valor "Button1" = "conjunto de cookies" onclick = "setCookie retorno ()" />
<Input type = id = valor "Button2" "botón" = "Mostrar Cookies" onclick = "return GetCookie ()" />
<Input id = "Text1" type = "text" />
Esto coloca dos botones y un cuadro de texto en la página. El primer botón establece una cookie, y el segundo lo recupera. Ambos botones llamar funciones de JavaScript.
3 Agregue este código a la sección "<script>" del documento:
var nameOfCookie = "nombre de usuario";
valor var = "Juan";
día var = 10;
Las dos primeras líneas definen nombre y el valor de la cookie. En este ejemplo, el nombre de la cookie es "usuario", y su valor es "Juan". El "día" variable establece el número de días que la cookie se mantendrá activo.
4 Cree la función setCookie mediante la adición de este código debajo del código se describe en el paso anterior. Esta función establece la cookie.
funcionar setCookie3 () {
var currentDate = new Date ();
currentDate.setTime (currentDate.getTime () - 1);
currentDate.setTime (currentDate.getTime ()) + (días * 86400000);
var = ExpirationDate currentDate;
document.cookie = nameOfCookie + "; expira =" + expirationDate.toGMTString ();
}
5 Agregue el código siguiente a continuación el código del paso anterior:
GetCookie función () {
regX = "= (*.?) (; | $)";
var cookieObject = document.cookie.match (nameOfCookie + regX);
si (cookieObject.length> 0) {
var retrievedValue = cookieObject [1];
alert ( "valor de la cookie Obtenido =" + retrievedValue);
}
}
Las dos primeras líneas en la función utilizan una expresión regular para recuperar la cookie llamada "nombre de usuario" y dividirlo en elementos separados. El "retrievedValue" variable contiene esos elementos. Si el código se encuentra la cookie se especifica, se muestra su valor.
6 Guarde el documento XHTML, y lo abre en su navegador. Escriba su nombre en el cuadro de texto y haga clic en "Guardar la galleta." El código se ejecutará, y el navegador guardará la galleta.
7 Haga clic en "Mostrar Cookies". Un cuadro de mensaje mostrará la cookie que ha establecido.
Consejos y advertencias
- Si los usuarios desactivar las cookies en sus navegadores, no se puede utilizar cookies en su XHTML.
