加载文件不起作用，但加载窗口确实[重复]

Posted 2023-05-07

【中文标题】加载文件不起作用，但加载窗口确实[重复]

【英文标题】：document on load does not work but window on load does [duplicate]

【发布时间】：2016-03-03 09:13:14

【问题描述】：

我试图让我的脚本仅在我的整个页面加载后运行，包括图片。

所以我一直在使用这个代码。

$(document).on('load', function()  $('#loading').hide(); );

这不起作用，因为它永远不会激活。但是，当我使用窗口而不是文档时，它可以工作，但这不是我需要的。我需要在激活之前加载包括图片在内的所有内容。

我很困惑为什么这不起作用。

编辑

这不是一个基本的 onload 文档，而不是文档就绪问题。即使加载此代码，我的图片也没有完全加载。

$(window).on('load', function() $('#loading').hide(); );

【问题讨论】：

I need everything including pictures to be loaded before activating. 然后使用$(window)，因为这是它的功能

$(window) 在页面上显示所有图片之前激活。

【参考方案1】：

没有document load 事件。 load 事件发生在 window 对象上。

document 上有一个DOMContentReady 事件，该事件发生的时间与窗口load 事件不同。

既然你希望所有资源都被加载，你希望windowload事件像这样：

$(window).on('load', function()  
    $('#loading').hide(); 
);

【讨论】：

谢谢。但是，我发现有时激活该功能时图片没有完全加载。

@JPFoster - 您等待的图片是否来自页面 html 源代码中的 <img> 标签？还是它们是通过 javascript 添加到页面的某些内容的一部分？

它们是 标签。我还要注意它们是本地存储的。但它们相对较大，需要时间来展示。

我认为这是因为它们存储在本地并且是大文件。我认为一旦它进入服务器就可以了。它有效！