网上也有很多讲解web整站换肤的例子，但是这些例子大多数讲解的很模糊，不清楚，大家通常很难理解，今天我将给大家带来一个全新的例子，这个例子基于jquery和html5的localstorage本地存贮功能来实现的，并不像大多数例子那样采用cookies来存贮，localstorage是HTML5的新功能，新东西就要敢于去使用它，localstorage比cookies存贮性能更好，因为是存贮在本地，所以不会因为浏览器清理缓存而被清理掉，所以几乎可完美媲美写入后台数据库实现的那种换肤。好了不废话了，开始吃瓜！
大概思路就是同一个网站 写多个css文件，通过切换css文件来达到替换网站样式风格，但是这样一刷新就失效了，所以引用了localstorage来存贮我们设置好的样式路径，通过js设置css文件标签的href属性来换肤。
首先了解一下.localStorage本身带有方法：
添加键值对：localStorage.setItem(key,value)
获取键值：localStorage.getItem(key)
删除键值对：localStorage.removeItem(key)。
清除所有键值对：localStorage.clear()。
我们再看一下例子 结构：
这里可以清楚的看到整个例子由哪些文件组成，用的都是最常见的bootstrap 框架和jquery(用不用其实都无所，这里为了方便和美观 习惯性加上而已)，
style1-4代表了四种不同的主题文件，整个网站由index1-4这四个页面组成，
themes.js是创建和设置主题的js文件，也是主讲的核心内容。
我们来看一下index1里的内容：
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
