JS菜单和预加载屏幕脚本冲突 - 你能延迟预加载脚本吗？

Question

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

Answer 1

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

Here是jquery ready事件的链接

以下是有关准备就绪的更多信息。

  

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

另外，我建议您阅读有关async和defered加载类型的信息。这将有助于您加快页面加载过程。

有关延迟脚本加载的更多信息。据我所知，如果你没有指定async或defer加载类型，只有当第一个脚本进入你的broswer时才会加载第二个脚本。