最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

怎样动态操作js/css文件

来源:动视网 责编:小采 时间:2020-11-27 19:36:54
文档

怎样动态操作js/css文件

怎样动态操作js/css文件:这次给大家带来怎样动态操作js/css文件,动态操作js/css文件的注意事项有哪些,下面就是实战案例,一起来看一下。 <script language="JavaScript"> //动态加载一个js/css文件 function loadjscssfile(filena
推荐度:
导读怎样动态操作js/css文件:这次给大家带来怎样动态操作js/css文件,动态操作js/css文件的注意事项有哪些,下面就是实战案例,一起来看一下。 <script language="JavaScript"> //动态加载一个js/css文件 function loadjscssfile(filena


这次给大家带来怎样动态操作js/css文件,动态操作js/css文件的注意事项有哪些,下面就是实战案例,一起来看一下。

 <script language="JavaScript">
//动态加载一个js/css文件
function loadjscssfile(filename, filetype){
if (filetype=="js"){
varfileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src",filename)
}
else if (filetype=="css"){
varfileref=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")
<scriptlanguage="javascript">
//移动已经加载过的js/css
function removejscssfile(filename,filetype){
vartargetelement=(filetype=="js")? "script" :(filetype=="css")? "link" : "none"
var targetattr=(filetype=="js")?"src" : (filetype=="css")? "href" :"none"
varallsuspects=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")

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

如何操作vue代码规范检测

mint-ui在手机端做出下拉刷新与上拉加载

文档

怎样动态操作js/css文件

怎样动态操作js/css文件:这次给大家带来怎样动态操作js/css文件,动态操作js/css文件的注意事项有哪些,下面就是实战案例,一起来看一下。 <script language="JavaScript"> //动态加载一个js/css文件 function loadjscssfile(filena
推荐度:
标签: 如何 动态 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top