博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

动态加载、移除、替换JS和CSS

Posted on 2014-04-30 12:11  奋斗ITan_yxing  阅读(316)  评论(0编辑  收藏  举报

//动态加载一个js/css文件
function loadjscssfile(filename, filetype) {
if (filetype == "js") {
var fileref = document.createElement('script')
fileref.setAttribute("type", "text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype == "css") {
var fileref = document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref != "undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}


//移动已经加载过的js/css
function removejscssfile(filename, filetype) {
var targetelement = (filetype == "js") ? "script" : (filetype == "css") ? "link" : "none"
var targetattr = (filetype == "js") ? "src" : (filetype == "css") ? "href" : "none"
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])
}
}