异步加载JS、CSS代码(推荐)
2016-06-15 13:55
996 查看
我的风格你懂得,具体详情介绍如下
关键代码如下所示:
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代码的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- 没有document.getElementByName方法
- js中document.write使用过程中的一点疑问解答
- document.compatMode的CSS1compat使用介绍
- jquery之Document元素选择器篇
- jQuery获取iframe的document对象的方法
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- JavaScript访问样式表代码
- IE下document.referrer 拒绝访问的解决方法
- PDP Document 代码注释规范第1/2页
- document 和 document.all 分别什么时候用
- PHP Document 代码注释规范
- js 中 document.createEvent的用法
- 让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
- document.forms[].submit()使用介绍
- JavaScript的document对象和window对象详解
- JavaScript入门教程(9) Document文档对象
- 详解Document.write()方法
- document(处理文档)对象
- document.body.clientHeight的取值
- jQuery 使用方法