异步加载JS、CSS代码（推荐）

前端技术 2023/09/04 JavaScript

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

关键代码如下所示：

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

本文地址：https://www.stayed.cn/item/10912

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案