Este artículo presenta el principio de procesar la función de desollado de la página JS (* debe probarse y usarse en un entorno de servidor*) para su referencia. El contenido específico es el siguiente
principio:
1. La eliminación de la piel es hacer que la página use una configuración de estilo no utilizada
2. Hacemos múltiples archivos de hoja de estilo basados en el área de reemplazo de la piel.
3. Obtenga la ID de enlace
4. Modifique el atributo href del enlace para cambiar la hoja de estilo
5. Use la hoja de estilo sin usarla, solo use el estilo de piel correspondiente
6. Uso del principio del usuario del uso de la tecnología de cookies, los usuarios también utilizarán la última selección de la piel
7. Lectura de las cookies debe comenzar a cargarse en la página para asegurarse de que el CSS de piel correspondiente esté cargado por adelantado
<html><head><title>js page skinning function</title><meta charset="utf-8"><link href="public.css" rel="stylesheet" type="text/css" /><link href="1.css" rel="stylesheet" type="text/css" id="skin" /><script type="text/javascript"> /*JS Page Skinning Function Processing Principio 1. El reemplazo de la piel es establecer la página sin usar la configuración de estilo 2. Hacemos el lugar que se reemplazará en múltiples archivos de lámina de estilo de acuerdo con la piel sin usarla 3. Obtenga la ID del enlace 4. Modificar el atributo HREF del enlace para cambiar la hoja de estilo 5. Usando el principio del usuario de No Usando la hoja de estilo, es decir, usar el estilo de piel correspondiente. Usando el principiante del usuario de Usar el principal de los usuarios de la hoja de estilo, el uso de la piel de la piel de la piel, el uso de la piel. Selección 7. Lea la cookie al comienzo de la carga de la página, asegurando que el CSS de piel correspondiente se cargue por adelantado */// lea la cookie, y el cambio de piel var skin = document.getElementById ("skin"); // Obtener el elemento de enlace var cookieval = document.cookie; var skipval = readCookie ("skin"); if (! skipval) {// Si la cookie no tiene registro skin.href = "1.css";} else {skin.href = skipval+". css"; // Hay registros}; window.onload = function () {// Haga clic en el botón para reemplazar el skin skin1 = document.getElementByid ("skin1");; var skin2 = document.getElementById ("skin2"); var skin3 = document.getElementById ("skin3"); VAR días = 30; // Establecer el tiempo de vencimiento, var exp = new Date (); exp.setTime (exp.gettime () + días*24*60*60*1000); skin1.onClick = function () {skin.href = "1.css"; document.cookie = "skin = 1; expires ="+exp.ToutCString (); }; skin2.onclick = function () {skin.href = "2.css"; document.cookie = "skin = 2; expires ="+exp.ToutCString (); }; skin3.onclick = function () {skin.href = "3.css"; document.cookie = "skin = 3; expires ="+exp.ToutCString (); };}; // leer el valor especificado de la función de cookie readCookie (key) {var skinval = false; var Arrkv = Cookieval.split (";"); for (var i = 0; i <arrkv.length; i ++) {var itemC = Arrkv [i] .split ("="); if (itemc [0] == key) {skinval = itemc [1]; }demás{ }; }; return skinVal;}; </script> </head> <body> <bod <iv> <div> <input type = "button" value = "skin1" id = "skin1"/> <input type = "button" value = "skin2" id = "skin2"/> <input type = "button" value = "skin3" id = "skin3"/> </div> </iv> <iv> <div> lo soy </div -div </div -div -divin content2 </div> <div> soy content3 </div> </div> <div> soy información de cola </div> </body> </html>Descarga del código fuente: http://xiazai.vevb.com/201607/yuanma/jschangeskin(vevb.com).rar
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.