javascript - 如何在 JS 执行后延迟 CSS 和脚本加载

Question

我有一个 backbone.js 应用程序，我的问题是有一些加载缓慢的文件(一个 .css 和一个 .js)会阻止页面加载，直到它们完全加载。

我想找到一种方法来在主干 View 渲染之后延迟这些加载，所以在执行了一些 JS 之后。我在 JS 中完成了这个:

view.render()
$('head').append("<script type=...")
$('head').append("<link rel='stylesheet'...")

这行得通，但是因为我已经像这样加载了我的 CSS(它是一个 webfont css)，所以我的页面字体隐藏在 Android 手机中，只有当我触摸屏幕时它们才会显示。

这是在页面加载后加载 css 和 JS 的糟糕方式吗？有没有更好的方法？

Answer 1

您可以在 JavaScript 中有条件地包含脚本文件

if(someConditionIsTrue){
    // load script from the server
    $.getScript( "somePath/onTheServer/script.js", function( data, textStatus, jqxhr ) {
        // do something after the load is complete
    });
}