js中动态引入css样式文件

function loadStyles(url) {var link = document.createElement("link");link.rel = "stylesheet";link.type = "text/css";link.href = url;var head = document.getElementsByTagName("head")[0];head.appendChild(link);
}

使用：

loadStyles("framework/css/blue.css");

实例：

点击换肤按钮可以变换三套皮肤

代码实现：

<script type="text/javascript">var flag = 0;for(var i = 0; i < 3; i++) {$(".change-skin p").eq(i).click(function() {if(flag == 0) {loadStyles("framework/css/orange.css");flag = 1;} else if(flag == 1) {loadStyles("framework/css/cyan.css");flag = 2;} else if(flag == 2) {loadStyles("framework/css/blue.css");flag = 0;}});}function loadStyles(url) {var link = document.createElement("link");link.rel = "stylesheet";link.type = "text/css";link.href = url;var head = document.getElementsByTagName("head")[0];head.appendChild(link);}</script>

转载于:https://www.cnblogs.com/150536FBB/p/11490272.html

js中动态引入css样式文件相关推荐

js html引入外部css文件,js中如何引入css文件？
js中如何引入css文件?下面本篇文章给大家介绍一下使用JS引入css文件的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.使用document.write方式输出引入cs ...
用JS来动态设置CSS样式
常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 ...
用JS来动态设置CSS样式的八种方式
转自:微点阅读 https://www.weidianyuedu.com 用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无 ...
怎么用JS来动态设置CSS样式
用JS来动态设置CSS样式,常见的有以下几种: 1. 直接设置style的属性某些情况用这个设置 !important值无效如果属性有"-"号,就写成驼峰的形式(如textAl ...
用JS来动态设置CSS样式的常见8种方式。
转自:微点阅读 https://www.weidianyuedu.com 如何用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important ...
require.js引入css文件,[DikeJS]RequireJS引入CSS样式文件（五）
在实际开发组件时,我们常常需要关注组件的样式,样式如何定义,以及样式如何引用,我关注此问题时也纠结了一小下,不过还好,RequireJS周边给我们提供了丰富的插件,我们可以直接使用css.js,具体的 ...
引入CSS样式的方式
1.内嵌样式(行内样式):直接将CSS样式语言作为style属性值,写在html标签里. <div style="color=red; ">行内样式 </div& ...
html引入css报错,html中引入css样式的方法总结
CSS是用来控制网页数据的表现,可以使网页的表现与数据内容分离.要想让CSS对网页内容有效果,必须将CSS代码引入网页,使网页更具有美观性,有动感的效果,那么如何实现引入css呢?今天就来给大家总结! ...
在css样式中隐藏元素,用JS改变的元素CSS样式，css里display :none 隐藏 block 显示
CSS样式的引用有3种方式:style引用.class引用.id引用,所以js改变元素的样式我们也分3种来说. 1.js改变由style方式引用的样式: 方法一:document.divs.style ...

js中动态引入css样式文件

js中动态引入css样式文件相关推荐

最新文章

热门文章