首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >动态加载外部css或js文件

动态加载外部css或js文件

作者头像
jack.yang
发布2025-04-05 15:28:25
发布2025-04-05 15:28:25
1K0
举报

function loadjscssfile(filename, filetype){ if (filetype=="js"){ //判断文件类型   var fileref=document.createElement('script')//创建标签   fileref.setAttribute("type","text/javascript")//定义属性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) }

loadjscssfile("myscript.js", "js") //打开页面时浏览器动态的加载文件 loadjscssfile("javascript.php", "js") // 打开页面时浏览器动态的加载"javascript.php" , loadjscssfile("mystyle.css", "css") //打开页面时浏览器动态的加载.css 文件 var filesadded="" //保存已经绑定文件名字的数组变量 function checkloadjscssfile(filename, filetype){ if (filesadded.indexOf("["+filename+"]")==-1){// indexOf判断数组里是否有某一项   loadjscssfile(filename, filetype)   filesadded+="["+filename+"]" //把文件名字添加到filesadded } else   alert("file already added!")//如果已经存在就提示 } checkloadjscssfile("myscript.js", "js") //success checkloadjscssfile("myscript.js", "js") //redundant file, so file not added

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2012-03-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档