首页 > 编程 > JavaScript > 正文

异步加载JS、CSS代码(推荐)

2019-11-20 09:41:43
字体:
来源:转载
供稿:网友

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

关键代码如下所示:

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代码的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表