这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要为大家详细介绍了 js 简单实现网页换肤功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
我发现网上写换肤功能写的有点长,就想想如何更简单方法实现这个功能,于是我自己写了一个。
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>
- </title>
- <link id="changelink" rel="stylesheet" href="CSS/default.css" rel="external nofollow"
- />
- </head>
- <body>
- <script>
- var csslink = document.getElementById("changelink");
- //初始化主题
- loadtheme();
- function changetheme(color) {
- csslink.href = "css/" + color + ".css";
- //保存主题到cookies
- document.cookie = "theme=" + color;
- }
- function loadtheme() {
- //从cookies读取主题
- var themevalue = document.cookie.split(";")[0].split("=")[1];
- if (themevalue == null) {
- csslink.href = "css/default.css";
- } else {
- csslink.href = "css/" + themevalue + ".css";
- }
- }
- </script>
- <button onclick="changetheme('default')">
- 默认
- </button>
- <button onclick="changetheme('red')">
- 红色
- </button>
- <button onclick="changetheme('green')">
- 绿色
- </button>
- </body>
- </html>
css 文件
default.css
- body{
- background: #ffffff;
- }
red.css
- body{
- background: #ff0000;
- }
green.css
- body{
- background: #008000;
- }
PS:当然设置主题的参数也可以保存到后端(推荐),防止禁用 cookies 主题无法生效。
来源: http://www.phperz.com/article/17/0517/334243.html