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");

?

實例：

點擊換膚按鈕可以變換三套皮膚

代碼實現(xiàn)：

<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>

?

轉(zhuǎn)載于:https://www.cnblogs.com/150536FBB/p/11490272.html

總結(jié)

以上是生活随笔為你收集整理的js中动态引入css样式文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。