javascript - 在 dsp(动态服务器页面)中打开新选项卡时无法添加页面加载微调器

Question

当我点击一个 dsp(动态服务器页面)页面链接时，我试图添加一个页面加载微调器。我已经尝试了其他线程中指定的 onload 和 div 功能，但是微调器恰好在页面主体加载之前出现并且没有淡出。

更清楚的是，当我点击链接时，在页面加载之前有一个空白页面，就在正文加载到页面之前，微调器启动并保留在页面上。

有人可以帮助我吗，当我点击链接时，微调器应该在那里，直到页面上显示服务输出(正文)。

问候哈里什

Answer 1

仅使用 HTML 和 CSS 创建加载微调器。在页面底部加载您的 javascript，并在其中通过 id 选择微调器并将其隐藏。这将确保微调器在加载过程中尽早显示，并在页面和 javascript 加载后隐藏/淡出。

如果你正在使用 jquery--

$("#spinner").fadeOut( "slow");

从你的问题来看，你似乎也在使用 javascript 来显示微调器，这就是为什么它会在页面完成加载之前显示，而不是在加载时显示。

编辑:这是一个带有工作示例的代码笔。-- http://codepen.io/anon/pen/XKoqZq我已使用 display:none 属性将页面的其余部分隐藏在 css 中。这是可选的，但这会使整个页面在加载完成时立即显示。