html - (网页设计) 切换页面时，如何防止屏幕闪白？

Question

这是一个棘手的问题:当您单击网页上的链接时，它通常会使页面变白(糟糕的术语 - 我知道)，但在某些情况下，如果 DOM 大部分相同，它会在两者之间转换没有闪烁的白色。我希望它每次都能顺利过渡的原因是我对看起来最好的链接产生了影响...

那么究竟是什么使得具有大致相同 DOM 的页面可以像这样被关闭呢？谢谢 =)

Answer 1

事实上，当您从一个页面导航到另一个页面时，您的页面会变白，我认为您对此无能为力，因为有很多因素可能会起作用(即网络服务器的响应能力，您的互联网连接速度等)。

但是，如果您真的希望页面之间有一个很好的过渡，我建议采用以下解决方案之一:

1) 在 Iframe 中加载您的页面。当从一个页面导航到另一个页面时，您可以使用例如 DIV 覆盖显示加载消息。您可以在页面加载后隐藏加载消息覆盖。这可以在子页面上使用 jQuery .ready() 事件触发(父无法确定子页面是否已完全加载)。

请注意，为了从 iframed-page 控制父页面，所有页面都应该在同一个域中(同域策略)。

2) 如果导航发生在同一个应用程序域/网站中，调查是否可以使用 JQuery 等来部分加载页面内容。