javascript异步延时载入及推断是否已载入js/css文件
2014-06-16 14:26
627 查看
<html> <head> <script type="text/javascript"> /**=========================================** | 异步延时载入js/css文件 | @example loadasync("http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"); | @author liuensong@gmail.com | @param string url js/css链接地址 | @return 新生成element对象/null **=========================================**/ function loadasync(url){ var elt=null, head=null, type=null; if(url){ head = document.getElementsByTagName("head")[0]; switch(url.split(".").pop()){ case "css": elt = document.createElement("link"); elt.rel = "stylesheet"; elt.href = url; break; case "js": elt = document.createElement("script"); elt.type = "text/javascript"; elt.src = url; break; default: //something... } if(elt!=null && (typeof elt)=="object"){ head.appendChild(elt); } } return elt; } /**=========================================** | 推断js/css文件是否已载入 | @example isload("jquery.min.js"); | @author liuensong@gmail.com | @param string fname js/css文件名称 | @return bool true/false **=========================================**/ function isload(fname){ var isload = false; var tags = {"js":"script", "css":"link"}; var tagname = tags[fname.split(".").pop()]; if(tagname != undefined){ var elts = document.getElementsByTagName(tagname); for(i in elts){ if((elts[i].href && elts[i].href.toString().indexOf(fname)!="-1") || (elts[i].src && elts[i].src.toString().indexOf(fname)!="-1")){ isload = true; } } } return isload; } //console.debug(loadasync("http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js")); //console.debug(isload("jquery.min.js")); </script> </head> <body> <a href="javascript:;" onclick="loadasync('http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js');">loadasync</a> <a href="javascript:;" onclick="isload('jquery.min.js');">isload</a> </body> </html>
相关文章推荐
- javascript异步延时加载及判断是否已加载js/css文件
- AJAX 载入JS文件,载入CSS文件,载入JS函数,执行JS 。ASP应用
- Javascript新加入动态载入js文件功能
- 动态载入/删除/更新外部 JavaScript/Css 文件
- 在css加载完毕后自动判断页面是否加入css或js文件
- 异步动态加载js与css文件的js代码
- javascript js 判断文件是否存在
- Javascript实战应用篇(3):动态加载JS和CSS文件
- 用javascript按需加载.js和.css文件
- javascript写的异步加载js文件函数(支持数组传参)
- Ajax跨域的解决办法:载入javascript(js)文件实现无刷新更新数据(转载)
- 用JavaScript获取网页中的js、css、Flash等文件
- 动态载入/删除/更新外部 JavaScript/Css 文件的代码
- 合并多个js,css文件的方法 - 在服务端合并和压缩JavaScript和CSS文件
- javascript 动态载入js文件
- 用javascript按需加载.js和.css文件
- 用JavaScript动态加载CSS和JS文件
- 用JavaScript动态加载CSS和JS文件
- javascript写的异步加载js文件函数(支持数组传参)
- 异步动态加载js与css文件的js代码