异步加载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 相关文章推荐
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
Nov 03 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
javascript判断iphone/android手机横竖屏模式的函数
Dec 20 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
Oct 08 Javascript
bootstrap3-dialog-master模态框使用详解
Aug 22 Javascript
JavaScript学习笔记之函数记忆
Sep 06 Javascript
JavaScript使用Math.random()生成简单的验证码
Jan 21 Javascript
微信小程序实现页面浮动导航
Jan 28 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
May 29 Javascript
Vue封装的组件全局注册并引用
Jul 24 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 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中的数组操作函数整理
2008/08/18 PHP
关于PHP二进制流 逐bit的低位在前算法(详解)
2013/06/13 PHP
深入掌握include_once与require_once的区别
2013/06/17 PHP
php配合jquery实现增删操作具体实例
2013/12/12 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
PHP二维数组去重算法
2016/12/17 PHP
基于js disabled="false"不起作用的解决办法
2013/06/26 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
JavaScript对象数组的排序处理方法
2015/10/21 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
JQuery遍历元素的后代和同胞实现方法
2016/09/18 Javascript
浅谈js算法和流程控制
2016/12/29 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
vue刷新和tab切换实例
2018/02/11 Javascript
关于Mac下安装nodejs、npm和cnpm的教程
2018/04/11 NodeJs
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
总结Python中逻辑运算符的使用
2015/05/13 Python
使用Python脚本生成随机IP的简单方法
2015/07/30 Python
Python程序中的观察者模式结构编写示例
2016/05/27 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
python3学生名片管理v2.0版
2018/11/29 Python
python 实现视频流下载保存MP4的方法
2019/01/09 Python
logging level级别介绍
2020/02/21 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
美国第二大连锁书店:Books-A-Million
2017/12/28 全球购物
MADE法国:提供原创设计师家具
2018/09/18 全球购物
2014年质量工作总结
2014/11/22 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python
python中tkinter复选框使用操作
2021/11/11 Python