-
Un tutorial sobre el uso de cookies HTML
-
Una cookie es un pequeño archivo utilizado por un navegador Web para guardar datos de sesión. Por ejemplo, en un sitio web de compras, carrito de la compra de datos se pueden guardar en una cookie de modo que un usuario puede cerrar el navegador y podrá volver al sitio más adelante sin perder el contenido cesta de la compra. Las cookies son archivos de texto simples no ejecutables almacenados en el ordenador del usuario. Ellos tienen una fecha de caducidad y se eliminan automáticamente después de esa fecha. la funcionalidad de administración de cookies puede ser escrito en HTML usando un lenguaje de script del lado del cliente como JavaScript o VBScript, o un script del lado del servidor usando PHP, Perl o un lenguaje de programación similar.Instrucciones
Creación de una galleta
1 Abrir un nuevo documento en su editor de texto. Copia y pega el siguiente código en el documento y guardarlo como C: \ cookie.html.
<Html>
<Script type = "text / javascript">
función setCookie (cookiename, expiredays) {
Índice var;
var valor;
si (== cookiename "setColor") {
index = document.frmCookie.selColor.selectedIndex;
valor = document.frmCookie.selColor.options [índice] .value;
} Else {
}
var expiredate = new Date ();
expiredate.setDate (expiredate.getDate () + expiredays);
document.cookie = cookiename + "=" + escapar (valor) + "; expira =" + expiredate.toGMTString ();
}
</ Script>
<Body>
Esta es mi página web cookie.
<Form name = 'frmCookie>
<Select name = 'selColor>
<Option value = "rojo"> red </ option>
<Option value = "azul"> azul </ option>
<Option value = "verde"> verde </ option>
</ Select>
<Input type = "botón" onclick = "setCookie ( 'setColor', 10 ');" valor = 'setCookie "/>
</ Form>
</ Body>
</ Html>
2 Abrir C: \ cookie.html en Internet Explorer, seleccione un color de la lista desplegable y haga clic en el botón "setCookie".
3 Abra su navegador Web y vaya a la carpeta de cookies. En Vista y Windows 7, esto será en "C: \ Users \ <usuario con la cuenta> \ Cookies \" o "C: \ Users \ <cuenta de usuario> \ AppData \ Roaming \ Microsoft \ Windows \ cookies \". En Windows XP esto será en "C: \ Documents and Settings \ <usuario con la cuenta> \ Cookies \". Ordenar la carpeta antes de "modificado". La última galleta será la creada en el paso 2, con el nombre "<cuenta de usuario> @
local.txt ". Haga doble clic para abrir el archivado y ver su selección de color.Lectura de una galleta
4 Pulse la tecla "Alt + Tab" para volver a C: \ cookie.html dentro del editor de texto. Copiar y pegar el siguiente código Javascript encima de la etiqueta "</ script>" para añadir funcionalidad para obtener la cookie.
función GetCookie (cookiename)
{
si (document.cookie.length> 0)
{
cookiestart = document.cookie.indexOf (cookiename + "=");
if (! cookiestart = - 1)
{cookiestart = cookiestart + cookiename.length + 1;
cookieend = document.cookie.indexOf ( ";", cookiestart);
si (cookieend == - 1) = cookieend document.cookie.length;
unescape (document.cookie.substring (cookiestart, cookieend)) return;
}
}
regreso "";
}
5 Copiar y pegar el siguiente código HTML encima de la etiqueta "</ form>" para añadir una línea para llamar a la función "GetCookie".
<Input type = "botón" onclick = "alert (GetCookie ( 'setColor'));" valor = 'GetCookie "/>
6 Guarde el archivo C: \ y pulse cookie.html "Alt + Tab" para regresar a Internet Explorer. Pulse la tecla "F5" para actualizar la página. Se debería mostrar ahora el botón "GetCookie". Haga clic en el botón para ver el color que ha seleccionado.
Eliminación de una galleta
7 Pulse la tecla "Alt + Tab" para volver a C: \ cookie.html en su editor de texto. Copiar y pegar el siguiente código antes de la etiqueta "</ script>" para agregar funcionalidad a eliminar la cookie.
función deleteCookie (cookiename)
{
var cookiedate = new Date ();
cookiedate.setTime (cookiedate.getTime () - 1);
document.cookie = cookieName + = "=; expira =" + cookiedate.toGMTString ();
}
8 Copiar y pegar el siguiente código HTML encima de la etiqueta "</ form>" para añadir una línea para llamar a la función "deleteCookie".
<Input type = "botón" onclick = "deleteCookie ( 'setColor');" valor = 'deleteCookie "/>
9 Guarde el archivo C: \ y pulse cookie.html "Alt + Tab" para regresar a Internet Explorer. Pulse la tecla "F5" para actualizar la página. Se debería mostrar ahora el botón "deleteCookie".
10 Haga clic en el botón "deleteCookie" para visualizar el color seleccionado. A continuación, haga clic en el botón "deleteCookie". Haga clic en el botón "GetCookie" de nuevo. Se debería mostrar un cuadro de alerta en blanco.
Consejos y advertencias
- Una página web puede tener más de una galleta. Por ejemplo en el directorio C: \ documento cookie.html, puede crear una segunda lista de opciones de selección y rellenarla con opciones de patrones, tales como, "lunar" "rayado", o "marcar". Se pueden añadir nuevos botones de formulario HTML para establecer, recuperar y eliminar una cookie "setPattern" con una ligera modificación a la función Javascript setCookie.
