异步加载JS、CSS代码(推荐)
我的风格你懂得,具体详情介绍如下
关键代码如下所示:
functionAsyncLoad(V_tag,V_src) { if(V_tag=="script"){ vars=document.createElement('script'); s.type='text/javascript'; s.async=true; s.src=V_src; varx=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{ vars=document.createElement('link'); s.async=true; s.rel="stylesheet" s.href=V_src; varx=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代码的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!