Javascript加载顺序–；防止页面跳转_Javascript_Html_Fouc

Javascript加载顺序–；防止页面跳转

javascript html

Javascript加载顺序–；防止页面跳转,javascript,html,fouc,Javascript,Html,Fouc,看看这个页面如何加载内容一段时间，然后在延迟后触发javascript 我怎样才能使加载更平稳？有什么东西需要重新排序吗标题： <head> <script src="_/js/modernizr.custom.min.js"></script> <script src="//code.jquery.com/jquery-latest.min.js"></script><!-- j

看看这个页面如何加载内容一段时间，然后在延迟后触发javascript

我怎样才能使加载更平稳？有什么东西需要重新排序吗

标题：

<head>
<script src="_/js/modernizr.custom.min.js"></script><!-- modernizr -->
<script src="//code.jquery.com/jquery-latest.min.js"></script><!-- jquery -->
<script src="_/js/jquery.leanModal.min.js"></script><!-- leanModal -->
<script src="_/js/jquery.sticky.min.js"></script><!-- sticky -->
<script src="_/js/jquery.customSelect.min.js"></script><!-- customSelect -->
<script src="_/js/jquery.scrollUp.min.js"></script><!-- scrollUp -->
<script src="_/js/happy.js"></script><!-- happy.js -->
<script src="_/js/happy.methods.js"></script><!-- happy.js -->
<!-- some other things -->
<script src="_/js/rhinoslider-1.05.min.js"></script><!-- rhinoslider -->
</head>

页脚：

<script type="text/javascript" src="_/js/functions.js"></script><!-- all custom functions -->
<script src="_/js/rhinoslider-1.05.min.js"></script><!-- for Rhinoslider -->
<script src="_/js/mousewheel.js"></script><!-- for Rhinoslider -->
<script src="_/js/easing.js"></script><!-- for Rhinoslider -->
</body>
</html>

您可以执行以下操作：

    //just before closing head tag
    <style>body{display:none}</style>
</head>

    //just before closing body tag
    window.onload = function(){
        $('body').fadeIn();
    };
</body>

//就在关闭head标记之前
正文{显示：无}
//就在关闭body标签之前
window.onload=函数（）{
$（'body'）.fadeIn（）；
};

您也可以使用预加载动画。

将它们组合成脚本，压缩输出并作为一个资源。。试着在页脚中放尽可能多的内容。。不要两次加载rhinoslider-1.05.min.js。您将包含rhinoslider两次？？？requirejs可能会有所帮助。rhinoslider不应包含两次。JS作为页面上的最后一项加载效果最好？有没有什么服务可以组合和压缩JS？我以前在组合方面遇到过麻烦。实际上，在身体末端加载脚本是导致过度紧张的原因。如果脚本位于头部，加载速度会较慢，但在加载这些脚本之前，主体中的元素不会在屏幕上呈现。现在的巨大飞跃是因为rhinoslider在加载整个dom之后开始工作。此外，如果您使用的是现代化，您可能需要考虑使用它的脚本加载器。