动态添加css文件,js写法
function loadStyles (file) { var fileref = document.createElement("link") fileref.setAttribute("rel", "stylesheet") fileref.setAttribute("type", "text/css") fileref.setAttribute("href", file) } // 使用,file是css文件路径 loadStyles('./test.css')
动态添加css文件,jquery写法
//动态添加css文件,jquery写法一 function addStyle(file){ $('head').append('<link href=' + file + ' rel="stylesheet" type="text/css">') } //动态添加css文件,jquery写法二 function addStyle(file){ var cssFileUrl = file; $("head").append("<link>"); css = $("head").children(":last"); css.attr({ rel: "stylesheet", type: "text/css", href: cssFileUrl }); } // 使用,file是css文件路径 loadStyles('./test.css')
动态删除css文件
function removeStyles (file) { var filename = file; var targetelement = "link"; var targetattr = "href"; var allsuspects = document.getElementsByTagName(targetelement); for (var i = allsuspects.length; i >= 0; i--) { if (allsuspects[i] && allsuspects[i].getAttribute(targetattr) != null && allsuspects[i].getAttribute( targetattr).indexOf(filename) != -1) { allsuspects[i].parentNode.removeChild(allsuspects[i]) } } } // 使用,file是css文件路径 removeStyles('./test.css')
本文地址:https://5devip.com/post/289.html
温馨提示:文章内容系作者个人观点,不代表雅爱博客对观点赞同或支持。
版权声明:本文为 转载 文章,来源于 点击这里 ,版权归原作者所有,欢迎分享本文,转载请保留出处!
温馨提示:文章内容系作者个人观点,不代表雅爱博客对观点赞同或支持。
版权声明:本文为 转载 文章,来源于 点击这里 ,版权归原作者所有,欢迎分享本文,转载请保留出处!