JS菜单和预加载屏幕脚本冲突-您可以延迟预加载脚本吗？

Question

我有一个在我的网站上的菜单和JS脚本运行预加载屏幕的JS脚本，我有的问题是菜单脚本，如果稍微干扰加载屏幕脚本。我不太了解JS，我正在尝试找到一个解决方案，我可以先运行预加载脚本，然后在加载脚本完成后执行菜单脚本。任何帮助都会很感谢，谢谢。

Answer 1

您可以使用文档就绪事件。当文档加载脚本时，它将被触发。因此，您只需将脚本按正确的顺序放在js脚本的位置即可。

Here是指向jquery就绪事件的链接

这里有一些关于ready的更多信息。

在文档“就绪”之前，不能安全地操作页面。jQuery会为您检测这种就绪状态。包含在$( document ).ready()中的代码只有在页面文档对象模型(DOM)准备好JavaScript代码执行时才会运行。包含在$( window ).load(function() { ... })中的代码将在整个页面(图像或iframe)就绪后运行，而不仅仅是DOM。

另外，我建议您阅读有关async和defered加载类型的内容。这将帮助您使加载页面的过程更快。

关于延迟脚本加载的更多信息。据我所知，如果您不指定异步或延迟加载类型，则仅当第一个脚本到达您的浏览器时才会加载第二个脚本。