javascript - 使用 window.onload 时加载速度慢

Question

我使用此脚本隐藏 ID 为 #main-slider 的 div。

但是每次加载页面时，我都会看到 div 大约 1 或 2 秒，然后它就消失了，有什么办法让它更快生效吗？

谢谢。

window.onload = function() {
    if($(window).width() > 991) 
    {
        $('#main-slider').removeClass('hidden');
    }
    else
    {
        $('#main-slider').addClass('hidden');
    }
}

Answer 1

window.onload 等待每个元素正确加载。您可以使用 document.onload 或使用事件 DOMContentLoaded:

document.addEventListener("DOMContentLoaded", function(event) {
    // do something
});