异步加载JS、CSS代码(推荐)


Posted in Javascript onJune 15, 2016

我的风格你懂得,具体详情介绍如下

关键代码如下所示:

function AsyncLoad(V_tag,V_src)
{
if (V_tag == "script") {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = V_src;
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
s.onload = function () {
if (V_src == "../Content/Scripts/jquery-2.1.1.min.js") {
AsyncLoad("script", "../Content/Scripts/public-effect.js");
AsyncLoad("script", "../Content/Scripts/d3.v3.min.js");
AsyncLoad("script", "../Content/Scripts/Common.js");
AsyncLoad("script", "../Content/Scripts/mobilePie.js");
}
if (V_src == "../Content/Scripts/d3.v3.min.js")
{
AsyncLoad("script", "../Content/Scripts/Ticket/MyPCs.js");
}
}
} else {
var s = document.createElement('link');
s.async = true;
s.rel = "stylesheet"
s.href = V_src;
var x = document.getElementsByTagName('link')[0];
x.parentNode.insertBefore(s, x);
s.onload = function () {
}
}
}
window.onload = function () {
AsyncLoad("link", "../Content/stylesheets/swiper-3.2.7.min.css");
AsyncLoad("script", "../Content/Scripts/jquery-2.1.1.min.js");
AsyncLoad("script", "../Content/Scripts/swiper-3.2.7.jquery.min.js");
}

以上所述是小编给大家介绍的异步加载JS、CSS代码的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 学习 几种常用方法
Jun 11 Javascript
javascript判断office版本示例
Apr 11 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
May 28 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
微信小程序 Tab页切换更新数据
Jan 05 Javascript
微信小程序 登录实例详解
Jan 16 Javascript
Javascript防止图片拉伸的自适应处理方法
Dec 26 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
Dec 05 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
Aug 20 Javascript
小程序双头slider选择器的实现示例
Mar 31 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 Javascript
全面解析Javascript无限添加QQ好友原理
Jun 15 #Javascript
漫谈JS引擎的运行机制 你应该知道什么
Jun 15 #Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 #Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
Jun 15 #Javascript
JS封装的自动创建表格的实现代码
Jun 15 #Javascript
基于JavaScript代码实现自动生成表格
Jun 15 #Javascript
JavaScript生成带有缩进的表格代码
Jun 15 #Javascript
You might like
phpmyadmin操作流程
2006/10/09 PHP
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
JavaScript入门教程(7) History历史对象
2009/01/31 Javascript
jQuery 连续列表实现代码
2009/12/21 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
JavaScript程序中的流程控制语句用法总结
2016/05/23 Javascript
图文详解JavaScript的原型对象及原型链
2016/08/02 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
vue双花括号的使用方法 附练习题
2017/11/07 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
使用Python解析JSON数据的基本方法
2015/10/15 Python
python字符串连接方法分析
2016/04/12 Python
python的socket编程入门
2018/01/29 Python
分享Pycharm中一些不为人知的技巧
2018/04/03 Python
在cmd命令行里进入和退出Python程序的方法
2018/05/12 Python
mac下pycharm设置python版本的图文教程
2018/06/13 Python
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
车间操作工岗位职责
2013/12/19 职场文书
幼儿园校车司机的岗位职责
2014/01/30 职场文书
七匹狼男装广告词
2014/03/21 职场文书
爱我中华教学反思
2014/04/28 职场文书
小学四年级学生评语
2014/12/26 职场文书
Python turtle实现贪吃蛇游戏
2021/06/18 Python
Flask response响应的具体使用
2021/07/15 Python
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle