异步加载JS、CSS代码(推荐)
异步加载JS、CSS代码(推荐)
发布时间:2016-12-30 来源:查字典编辑
摘要:我的风格你懂得,具体详情介绍如下关键代码如下所示:functionAsyncLoad(V_tag,V_src){if(V_tag=="scr...

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

关键代码如下所示:

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教程学习
编程开发子分类