当包含的PHP页面处理/加载时，如何显示预加载/加载动画/gif/百分比？
我在主PHP页面中包含了一个带有的PHP脚本 帮助我“如何在包含的PHP脚本处理和加载时显示预加载/加载动画或gif或swf或仅显示加载百分比？” 下面是我想展示的代码片段（参见最后一行代码）：当包含的PHP页面处理/加载时，如何显示预加载/加载动画/gif/百分比？,php,html,loading,Php,Html,Loading,我在主PHP页面中包含了一个带有的PHP脚本 帮助我“如何在包含的PHP脚本处理和加载时显示预加载/加载动画或gif或swf或仅显示加载百分比？” 下面是我想展示的代码片段（参见最后一行代码）： 将包含加载屏幕的放在之后（或至少在耗时的加载发生之前）。最后（或者在加载屏幕应该覆盖的较长部分之后）添加一些JavaScript以隐藏/删除包含加载屏幕的div。这是我从互联网上下载的脚本的修改版本。我不记得是从哪里弄来的对不起 <html> <head> <script
将包含加载屏幕的
放在
之后（或至少在耗时的加载发生之前）。最后（或者在加载屏幕应该覆盖的较长部分之后）添加一些JavaScript以隐藏/删除包含加载屏幕的div。这是我从互联网上下载的脚本的修改版本。我不记得是从哪里弄来的对不起
<html>
<head>
<script type="text/javascript">
function swapdiv() {
//Hide the loading div
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('loadingdiv').style.display = 'none';
} else {
if (document.layers) { // Netscape 4
document.loadingdiv.display = 'none';
} else { // IE 4
document.all.loadingdiv.style.display = 'none';
}
}
//Show the results div
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('resultdiv').style.display = 'block';
} else {
if (document.layers) { // Netscape 4
document.resultdiv.display = 'block';
} else { // IE 4
document.all.resultdiv.style.display = 'block';
}
}
window.onunload = null;
return;
}
</script>
</head>
<body>
<form name="form1">
</form>
<div id='loadingdiv' align='center'><img src='../images/loading.gif' alt='Loading...' title='Loading...' /></div>
<div id='resultdiv' style='display:none;'>
<!-- Do some html stuff here. This div block is hidden until the end of page load -->
<?php
//Query database
//Show results
?>
</div>
<script type='text/javascript'>
//this is called after page loaded
window.onload=swapdiv;
</script>
</body>
</html>
函数swapdiv（）{
//隐藏加载分区
if（document.getElementById）{//DOM3=IE5，NS6
document.getElementById（'loadingdiv'）.style.display='none'；
}否则{
if（document.layers）{//Netscape 4
document.loadingdiv.display='none'；
}否则{//IE 4
document.all.loadingdiv.style.display='none'；
}
}
//显示结果div
if（document.getElementById）{//DOM3=IE5，NS6
document.getElementById（'resultdiv'）.style.display='block'；
}否则{
if（document.layers）{//Netscape 4
document.resultdiv.display='block'；
}否则{//IE 4
document.all.resultdiv.style.display='block'；
}
}
window.onunload=null；
返回；
}
//这是在页面加载后调用的
window.onload=swapdiv；
你的代码中有很多不好的地方：
现在已经很长一段时间不受欢迎了，@
-错误抑制通常是坏代码的标志，使用的字体只存在于现代windows版本中，使用内联JS（onload=
）而不是附加适当的事件侦听器。请举一个例子，特别是标记代码SO的要点是教别人。这样的脚本，没有附加注释，在这方面是毫无价值的。你能不能编辑一下这篇文章，指出其中的细节，为什么它是这样工作的？等@Dennis Haarbrink fair comment。当加载我的示例页面时，会发生什么情况？它将在页面上显示一个div（名为loadingdiv），而所有其他元素都被隐藏（它们位于名为resultdiv的div中）。页面加载完成后，将调用页面底部的swapdiv（）函数，该函数隐藏名为loadingdiv的div，并使resultdiv可见。你可以在facebook这样的网页上看到这种效果。
<html>
<head>
<script type="text/javascript">
function swapdiv() {
//Hide the loading div
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('loadingdiv').style.display = 'none';
} else {
if (document.layers) { // Netscape 4
document.loadingdiv.display = 'none';
} else { // IE 4
document.all.loadingdiv.style.display = 'none';
}
}
//Show the results div
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('resultdiv').style.display = 'block';
} else {
if (document.layers) { // Netscape 4
document.resultdiv.display = 'block';
} else { // IE 4
document.all.resultdiv.style.display = 'block';
}
}
window.onunload = null;
return;
}
</script>
</head>
<body>
<form name="form1">
</form>
<div id='loadingdiv' align='center'><img src='../images/loading.gif' alt='Loading...' title='Loading...' /></div>
<div id='resultdiv' style='display:none;'>
<!-- Do some html stuff here. This div block is hidden until the end of page load -->
<?php
//Query database
//Show results
?>
</div>
<script type='text/javascript'>
//this is called after page loaded
window.onload=swapdiv;
</script>
</body>
</html>