(网页设计)切换页面时,如何防止屏幕闪烁白色?

时间:2011-01-26 23:03:06

标签: html browser

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

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

4 个答案:

答案 0 :(得分:1)

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

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

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

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

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

答案 1 :(得分:1)

这是因为您的网页渲染时间过长。要优化页面的渲染速度,请将样式表放在页面顶部(<head></head>内)和页面底部的脚本(</body>之前)。它对我有用。

另外,请查看雅虎关于此主题的文章:Best Practices for Speeding Up Your Website

答案 2 :(得分:0)

查看AJAX,因为这通常是一种解决我在ASP.Net中记得的“回发”问题的方法,通常在表单提交时,屏幕会在重新加载整个页面时闪烁

答案 3 :(得分:-4)

我认为不可能。 pdf转换器只跟随你的最终html输出... Javascript总是在加载或与DOM交互时运行。所以这是不可能的。