Javascript 如何在重定向页面完全加载之前显示加载屏幕图像？
我在asp.net应用程序中重定向页面时使用了加载屏幕图像。我使用一个html文件作为导航的中间文件 所以主页上的点击事件是这样的Javascript 如何在重定向页面完全加载之前显示加载屏幕图像？,javascript,c#,jquery,html,asp.net,Javascript,C#,Jquery,Html,Asp.net,我在asp.net应用程序中重定向页面时使用了加载屏幕图像。我使用一个html文件作为导航的中间文件 所以主页上的点击事件是这样的 Div1.onclick = function () { location = "Redirect.htm?page=Default.aspx"; }; 但是，当Default.aspx页面开始加载时，图像在几秒钟后停止旋转 这是我在Redirect.html中的代码 <div style='position:absolute;z-index:9999
Div1.onclick = function () {
location = "Redirect.htm?page=Default.aspx";
};
<div style='position:absolute;z-index:9999;top:40%;left:40%;'>
<img id="imgAjax" alt="loading..." title="loading..." src="images/ajax-loading.gif" style="width: 250px; height: 250px" /><br /> <br />
</div>
<script type="text/javascript">
this.focus();
redirect = function() {
var querystring = window.location.search.substring(1); //first query string
var page = querystring.substring(querystring.indexOf('=') + 1, querystring.length);
function toPage() {
if (page !== undefined && page.length > 1) {
document.write('<!--[if !IE]>--><head><meta http-equiv="REFRESH" content="1;url=' + page + '" /><\/head><!--<![endif]-->');
document.write(' \n <!--[if IE]>');
document.write(' \n <script type="text/javascript">');
document.write(' \n var version = parseInt(navigator.appVersion);');
document.write(' \n if (version>=4 || window.location.replace) {');
document.write(' \n window.location.replace("' + page + '");');
document.write(' document.images["imgAjax"].src = "/images/ajax-loading.gif"');
document.write(' \n } else');
document.write(' \n window.location.href="' + page + '";');
document.write(' \n <\/script> <![endif]-->');
}
}
return {
begin: toPage
}
} ();
redirect.begin();
/* ]]> */
</script>
这是focus（）；
重定向=函数（）{
var querystring=window.location.search.substring（1）；//第一个查询字符串
var page=querystring.substring（querystring.indexOf（'='）+1，querystring.length）；
函数toPage（）{
如果（第！==未定义&&page.length>1）{
文件。写（“”）；
document.write（'\n'）；
}
}
返回{
开始：toPage
}
} ();
重定向。开始（）；
/* ]]> */
谢谢。Default.aspx可以默认显示正在加载的图像，并使用CSS将实际内容标记为隐藏。然后在页面加载完成后，隐藏图像并显示内容html。通过jquery：
$(document).ready(function () {
$("#theloadingimagediv").hide();
$("#thehtmlcontentdiv").show();
});
我认为你应该改变你的方法，因为如果你想一想，就没有办法以你现在的方式实现你想要的
- 浏览器正在显示页面a
- 用户点击一个链接
- 脚本运行时，显示加载图像
- 浏览器接收链接响应，启动开关。脚本在此处停止
- 浏览器构建页面，很有可能，它看起来像是在流式传输（接收时加载）
- 浏览器接收完整个页面后，就完成了