javascript 改变网页加载的CSS
更新时间：2007年12月11日 21:12:47 投稿：mdxy-dxy
javascript 改变网页加载的CSS主要通过动态响应select触发的选项变化控制link标签加载的css,以实现不依赖cookie控制的页面css样式动态加载功能,需要的朋友可以参考一下
这个是没有种cookie的，记录给自已。
复制代码 代码如下:
<link href="001.css" id="cssfile" rel="stylesheet" type="text/css" />
<script>
function changeStyle(name){
//alert(name);
var css = document.getElementById("cssfile");
css.href = name+".css";
}
</script>
复制代码 代码如下:
<select onchange="changeStyle(this.options[this.selectedIndex].value)">
<option value="001" selected="selected">默认样式</option>
<option value="blue">蓝色经典</option>
<option value="red">红色梦幻</option>
</select>
<div id="cssTest">
我是一只小小小小小鸟！
</div>
看一下效果
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
本篇文章主要介绍了微信小程序模拟 cookie的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要为大家详细介绍了js实现时间日期校验，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
本篇文章主要是对JS中document对象的一些重要属性进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
下面小编就为大家带来一篇常用原生js自定义函数总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
在Array的显示原型下有一个flat方法,可以将多维数组,降维,传的参数是多少就降多少维,下面这篇文章主要给大家介绍了关于JavaScript中数组flat方法的使用与实现的相关资料,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了微信小程序使用npm包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
这篇文章主要为大家详细介绍了JS实现打字游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
一文详解JavaScript中的事件循环(event loop)机制
JavaScript中的事件循环（Event Loop）是一种重要的机制，用于管理异步代码的执行，它确保 JavaScript 单线程环境中的任务按照正确的顺序执行，同时允许异步操作如定时器、网络请求和事件处理，本将给大家详细的介绍一下JavaScript事件循环机制,感兴趣的朋友可以参考下2023-12-12
这篇文章主要介绍了微信小程序实现的一键复制功能,结合实例形式分析了微信小程序wx.setClipboardData接口实现操作粘贴板进行复制操作的相关使用技巧,需要的朋友可以参考下2019-04-04
我经常在面试中问候：你能用 JavaScript 生成一个二维数组吗？这个问题看似简单,实际上却能揭示出面试者对 JavaScript 的熟练程度,天,就让我们一起来探索这个问题背后的答案,揭开生成二维数组的多种秘密,需要的朋友可以参考下2024-04-04
最新评论