异步加载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 相关文章推荐
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
框架页面高度自动刷新的Javascript脚本
Nov 01 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
JavaScript中window.showModalDialog()用法详解
Dec 18 Javascript
js+jquery实现图片裁剪功能
Jan 02 Javascript
理解和运用JavaScript的闭包机制
Aug 13 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
angularJs在多个控制器中共享服务数据的方法
Sep 30 Javascript
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
Dec 05 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
PHP var_dump遍历对象属性的函数与应用代码
2010/06/04 PHP
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
2013/05/15 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
js中对函数设置默认参数值的3种方法
2015/10/23 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
Bootstrap在线电子商务网站实战项目5
2016/10/14 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
基于JavaScript实现一个简单的Vue
2018/09/26 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
2019/05/09 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
JavaScript简易计算器制作
2020/01/17 Javascript
python使用append合并两个数组的方法
2015/04/28 Python
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
python批量查询、汉字去重处理CSV文件
2018/05/31 Python
Python3.5迭代器与生成器用法实例分析
2019/04/30 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
Python递归求出列表(包括列表中的子列表)的最大值实例
2020/02/27 Python
Python 私有属性和私有方法应用场景分析
2020/06/19 Python
利用html5的websocket实现websocket聊天室
2013/12/12 HTML / CSS
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
最新教师自我评价分享
2013/11/12 职场文书
创业计划书——互联网商机
2014/01/12 职场文书
供应商食品安全承诺书
2015/04/29 职场文书
2015年教研组工作总结
2015/05/04 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
Python图像处理库PIL详细使用说明
2022/04/06 Python