В этой статье представлен принцип обработки функции кожи на странице JS (* необходимо проверить и использовать в серверной среде*) для вашей ссылки. Конкретный контент заключается в следующем
принцип:
1. Удаление кожи - это заставить страницу использовать неиспользованную настройку стиля
2. Мы делаем несколько листовых файлов стиля в зависимости от области замены кожи.
3. Получите идентификатор ссылки
4. Измените атрибут Href ссылки, чтобы изменить лист стиля
5. Используйте лист стилей, не используя его, просто используйте соответствующий стиль кожи
6. Используя принцип пользователя использования технологии cookie, пользователи также будут использовать последний выбор кожи
7. Чтение файлов cookie должно начать загрузку на странице, чтобы убедиться, что соответствующий кожный CSS загружается заранее
<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 Page Function Function Принцип обработки 1. Замена кожи - это установить страницу без использования настройки стиля 2. Мы делаем место для замены в несколько листовых файлов стиля в соответствии с кожей без использования ее. Выбор 7. Прочитайте cookie в начале загрузки страницы, гарантируя, что соответствующая кожа CSS загружается заранее */// Читать печенье, и изменение кожи кожи var skin = document.getElementbyId ("кожа"); // Получить элемент ссылки var cookieval = document.cookie; var skipval = readcookie ("кожа"); if (! skipval) {// Если в cookie нет записи skin.href = "1.css";} else {skin.href = skipval+". css"; // есть записи}; window.onload = function () {// Щелкните кнопку, чтобы заменить кожу var skin1 = document.getElementbyid ("skin1"); var skin2 = document.getElementbyId ("skin2"); var skin3 = document.getElementbyId ("skin3"); var Days = 30; // Установить время истечения, var exp = new Date (); exp.settime (exp.gettime () + дни*24*60*60*1000); skin1.onclick = function () {skin.href = "1.css"; document.cookie = "skin = 1; истекает ="+exp.toutcstring (); }; skin2.onclick = function () {skin.href = "2.css"; document.cookie = "skin = 2; истекает ="+exp.toutcstring (); }; skin3.onclick = function () {skin.href = "3.css"; document.cookie = "skin = 3; истекает ="+exp.toutcstring (); };}; // Читать указанное значение функции 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]; }еще{ }; }; return skinval;};</script></head><body><div> <div> <input type="button" value="skin1" id="skin1" /> <input type="button" value="skin2" id="skin2" /> <input type="button" value="skin3" id="skin3" /> </div></div><div> <div>I am content1</div> <div>I am Content2 </div> <div> Я контент 3 </div> </div> <div> I - информация о хвосте </div> </body> </html>Скачать исходный код: http://xiazai.vevb.com/201607/yuanma/jschangeskin(vevb.com).rar
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.