JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript实现动态加载CSS大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

title"> 代码如下:
{ var container = document.getElementsByTagName("head")[0]; var addStyle = document.createElement("link"); addStyle.rel = "stylesheet"; addStyle.type = "text/css"; addStyle.media = "screen"; addStyle.href = stylePath; container.appendChild(addStylE); } addStyle('http://www.xxx.com/wintys/dynamic.css');

JS写的函数,用来控制JS文件的动态加载,也就是在需要的时候才加载JS文件,同时还可加载CSS文件,这样就可实现网页换肤,这觉得这个函数写的不错,认真的看下,自己在完善下,还是相当不错的。

title"> 代码如下:
titlE){ var s,i; if(!typE) type=path.substr(path.lasTindexOf(".")+1); if(type=="js"){ var ss=document.getElementsByTagName("script"); for(i=0;is.length;i++){ if(ss[i].src && ss[i].src.indexOf(path)!=-1 || ss[i].title==titlE)return ss[i]; } s=document.createElement("script"); s.type="text/javascript"; s.src=path; if(titlE) s.title=title; } else if(type=="css"){ var ls=document.getElementsByTagName("link"); for(i=0;is.length;i++){ if(ls[i].href && ls[i].href.indexOf(path)!=-1 || ls[i].title==titlE)return ls[i]; } s=document.createElement("link"); s.rel="stylesheet"; s.type="text/css"; s.href=path; if(titlE) s.title=title; s.disabled=false; } else return; var head=document.getElementsByTagName("head")[0]; head.appendChild(s); return s; }

大佬总结

以上是大佬教程为你收集整理的javascript实现动态加载CSS全部内容,希望文章能够帮你解决javascript实现动态加载CSS所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:javascript