当前位置: 首页 > 编程笔记 >

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

皇甫浩壤
2023-03-14
本文向大家介绍异步加载JS、CSS代码(推荐),包括了异步加载JS、CSS代码(推荐)的使用技巧和注意事项,需要的朋友参考一下

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

关键代码如下所示:

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

 类似资料:
  • 本文向大家介绍JS同步、异步、延迟加载的方法,包括了JS同步、异步、延迟加载的方法的使用技巧和注意事项,需要的朋友参考一下 本文讲述了JS同步、异步、延迟加载的方法。分享给大家供大家参考,具体如下: 一:同步加载 我们平时使用的最多的一种方式。 <script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续

  • 使用Mocha测试异步代码并不简单!只需在测试完成后调用回调。通过添加一个回调(通常命名done)it(),Mocha将知道它应该等待调用此函数来完成测试。此回调接受Error实例(或其子类)或伪值; 其他任何事情都会导致测试失败。 describe('User', function() { describe('#save()', function() { it('should save wi

  • 本文向大家介绍js异步加载有哪些方案?相关面试题,主要包含被问及js异步加载有哪些方案?时的应答技巧和注意事项,需要的朋友参考一下 1.将script标签放在body结束标签之前 这种方案会先加载dom树,然后再加载js脚本 2.在onload方法中给dom树动态添加script标签 这种方案也是先加载dom树,然后触发onload方法添加script标签加载js脚本 3.使用defer属性 这种

  • 异步代码是指当调用后不会立即完成的代码。 setTimeout(() => { console.log('do stuff'); }, 3000 ) 在 setTimeout 执行完3秒后 do stuff 会输出到控制台。我们可以看出当指定的时间过去后我们所提供的异步函数会触发。现在来看个更有启发性的示例: doWork( () => { console.log('call me whe

  • 本文向大家介绍异步加载CSS的方式有哪些?相关面试题,主要包含被问及异步加载CSS的方式有哪些?时的应答技巧和注意事项,需要的朋友参考一下 js动态插入link标签 在link标签上设置media属性为低优先级的 print, 文档渲染后改为screen 参考文章

  • 本文向大家介绍JS 动态加载js文件和css文件 同步/异步的两种简单方式,包括了JS 动态加载js文件和css文件 同步/异步的两种简单方式的使用技巧和注意事项,需要的朋友参考一下 经测试发现以上方法进行文件加载时,文件是异步加载的,这样就可能导致加载文件后立即使用文件中的方法或变量会产生错误的情况, 所以以下采用同步加载的方法,当文件加载完成后再去执行相应的代码或方法 以上就是小编为大家带来的