js更换样式及cookie设置相关js方法_js 样式切换 cookie-优快云博客

本文链接：https://blog.youkuaiyun.com/senlin1202/article/details/50800309

本文介绍了一个使用jQuery实现的网页样式切换功能，通过点击按钮即可更改网站的主题风格。此外，还介绍了如何利用JavaScript来创建、读取和删除Cookies，以此来记录用户的样式偏好设置。

(function($)
{
$(document).ready(function() {
  $('.styleswitch').click(function()
  {
   switchStylestyle(this.getAttribute("rel"));
   return false;
  });
  var c = readCookie('style');
  if (c) switchStylestyle(c);
});

function switchStylestyle(styleName)
{
  var ifrm = $("#rightMain").contents();
  $('link[@rel*=style][title]').each(function(i)
  {
   this.disabled = true;
   if (this.getAttribute('title') == styleName) this.disabled = false;
  });
  ifrm.find('link[@rel*=style][title]').each(function(i)
  {
   this.disabled = true;
   if (this.getAttribute('title') == styleName) this.disabled = false;
  });
  createCookie('style', styleName, 365);
}
})(jQuery);
// cookie functions http://www.quirksmode.org/js/cookies.html
function createCookie(name,value,days)
{
if (days)
{
  var date = new Date();
  date.setTime(date.getTime()+(days*24*60*60*1000));
  var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name)
{
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
  var c = ca[i];
  while (c.charAt(0)==' ') c = c.substring(1,c.length);
  if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name)
{
createCookie(name,"",-1);
}
// /cookie functions