动态加载、移除、替换js/css文件
来源:互联网 发布:考研要不要考数学知乎 编辑:程序博客网 时间:2024/05/29 13:55
<script language="javascript">
//动态加载一个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)
}
</script>
使用示例:
loadjscssfile("myscript.js", "js")
loadjscssfile("javascript.php", "js")
loadjscssfile("mystyle.css", "css")
<script language="javascript">
//移动已经加载过的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])
}
}
</script>
使用示例:
removejscssfile("somescript.js", "js")
removejscssfile("somestyle.css", "css")
替换已经加载的js/css文件,代码如下:
<script language="javascript">
function createjscssfile(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)
}
return fileref
}
function replacejscssfile(oldfilename, newfilename, 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(oldfilename)!=-1){
var newelement=createjscssfile(newfilename, filetype)
allsuspects[i].parentNode.replaceChild(newelement, allsuspects[i])
}
}
}
</script>
使用示例:
replacejscssfile("oldscript.js", "newscript.js", "js")
replacejscssfile("oldstyle.css", "newstyle", "css")
- 动态加载、移除、替换js/css文件
- 动态加载、移除、替换js/css文件
- 动态加载、移除、替换js/css文件
- 动态加载、移除、替换JS和CSS
- js动态加载css文件
- JS动态加载JS与CSS文件
- JS动态加载JS与CSS文件
- JS动态加载JS与CSS文件
- JS动态加载JS与CSS文件
- JS 动态加载 CSS 文件和JS文件,加载图片
- 动态加载外部css或js文件
- 使用jquery动态加载js,css文件
- 使用jquery动态加载js,css文件
- 使用jquery动态加载js,css文件
- 动态加载js,css文件(跨iframe)
- jquery动态加载js/css文件方法
- JavaScript动态加载css和js文件
- JavaScript动态加载CSS和JS文件
- 项目失败的原因
- 摘要
- android学习笔记-拦截短信
- Delphi中资源文件使用详解
- 效率极低人群之七大习惯
- 动态加载、移除、替换js/css文件
- 项目从weblogic10.0.2迁移到weblogic10.3.6遇到的问题
- ndk-gdb对java/native code联合调试
- PHP中CURL方法curl_setopt()函数的一些参数
- 在form applet上做 link
- 软件项目经常遇到的 15 种风险及其预防措施
- poj 2421(最小生成树)
- excel下拉菜单(1\2\3级)制作方法介绍
- C++ string 用法详解