javascript异步延时加载及判断是否已加载js/css文件

<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>

转载于:https://www.cnblogs.com/liuensong/p/10140355.html

javascript异步延时加载及判断是否已加载js/css文件相关推荐

webpack 中的加载器简介||webpack 中加载器的基本使用——1. 打包处理 css 文件 2. 打包处理 less 文件 3.打包处理 scss 文件
webpack 中的加载器 1. 通过 loader 打包非 js 模块在实际开发过程中,webpack 默认只能打包处理以 .js 后缀名结尾的模块,其他非 .js 后缀名结尾的模块, webpa ...
Nginx相关解决nginx反向代理后页面上的js/css文件无法加载
解决nginx反向代理后页面上的js/css文件无法加载 location ~ \.php$ {proxy_pass http://127.0.0.1:8000;include naproxy.con ...
Xcode工程加载H5本地文件 H5里面引入js/css文件
在本地的H5项目里面,还有js/css文件,使用WKWebview怎么样把H5界面加载出来? 首先把H5项目文件夹拷贝到Xcode项目下在Xcode里面,显示是绿色的文件夹,而不是黄色的文件夹. 然 ...
node.js css文件已经被加载但是无法渲染页面的问题和解决方法
问题:在使用node.js创建了一个服务器,加载html页面后css文件已经被加载但是页面没有被渲染如图此时已经证明了路径是没有问题的,那么问题出现在哪里? 代码如下 const fs = req ...
页面状态javascript 判断 iframe是否加载成功
这段时间一直在学习页面状态之类的问题,现在正好有机会和大家分享一下. 最近在做产品的维护,修改一些老的bug.有个bug是jsp页面在加载的时候请求一个iframe.在页面显示的过程当中,窗口会长久的 ...
为什么css文件是.main,页面无法加载main.css
yii2 如何在页面底部加载css和js 作者:白狼出处:www.manks.top/article/yii2_load_js_css_in_end 本文版权归作者,欢迎转载,但未经作者同意必须保留 ...
ios+打开本地html乱码,IOS 使用 WKWebView 加载本地的JS和CSS文件出现乱码问题
####发现问题最近项目中使用到HTML5和原生的混合开发,项目在IOS10上面运行正常,在IOS8下遇到了兼容性的问题,HTML5页面可以加载出来,只是页面样式丢失,并且JS脚本执行不了,所以只能 ...
使用IP访问正常，使用域名访问加载不出来js、css文件和图片，
问题:使用IP访问,页面正常,使用域名访问,加载不出来js/css文件以及图片. 原因是:nginx配置了反向代理,所以通过域名路径访问不到Js和图片等文件. 解决办法:增加Nginx配置: loca ...
JavaScript使用localStorage缓存Js和css文件
对于WebApp来说,将js css文件缓存到localstorage区可以减少页面在加载时与HTTP请求的交互次数,从而优化页面的加载时间.特别是当移端信号不好高延迟时优化效果还是很显见的下面的代 ...
网页javascript加载不出_写给初学者的JavaScript异步编程和背后思想
导读:对于接触JavaScript这门编程语言没有多久的本菜鸡而言,在相当长的一段时间内,我都完全无法理解这门语言中的异步编程,不明白什么叫异步编程以及为什么需要异步编程.为什么顺序执行程序就不行了呢 ...

javascript异步延时加载及判断是否已加载js/css文件

javascript异步延时加载及判断是否已加载js/css文件相关推荐

最新文章

热门文章