动态加载外部css或js文件
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 删除javascriptcss变量浏览器数组
发布评论