我是javascript / jquery世界的新手。
我正在尝试显示加载图片,直到我的页面加载完毕。我不知道我哪里错了。我已经阅读了很多关于此的帖子,但我的图片和脚本都不起作用。请看下面的标记。我已经尝试使用response.write(html string)和response.flush对它进行排序并且它可以正常工作但是我在response.redirect上有一个主要问题,标题已经发送为flush会导致html缓冲区刷新。我在脚本标记中使用了与下面相同的代码,除了那里没有window.load位。这是因为我在页面事件init和amp中放置了我的response.write和flush。预呈现
<!DOCTYPE html>
<html lang="en">
<head runat="server">
<meta charset="utf-8" />
<title><%: Page.Title %> - InfoCentre MI TEST VERSION</title>
<asp:PlaceHolder runat="server">
<%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:BundleReference runat="server" Path="~/Content/css" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<asp:ContentPlaceHolder runat="server" ID="HeadContent" />
<script type="text/javascript">
$(window).load = function () {
var elem = document.getElementById("dvLoading");
elem.parentNode.removeChild(elem);
}
</script>
</head>
<body>
<div id="dvLoading" style="text-align:right;">
<img id="imgLoading" src="Images/loading4.gif" width="100" height="100" alt="LoadingImage" />
</div>
<form runat="server">
</body>
答案 0 :(得分:1)
试试这个:在窗口加载后隐藏图像
<script type="text/javascript">
$(window).load(function () {
$("#dvLoading").hide();
});
</script>
注意 - 确保在上述脚本之前添加了jquery库。如果没有,请在<script>
代码
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function () {
$("#dvLoading").hide();
});
</script>
有关加载事件的详细信息 - jQuery load
答案 1 :(得分:1)
我要说谢谢你的快速回复。我尝试了以下内容。它本质上是我所写内容的细分版本。但它奏效了。可能是我最后错过了半结肠。
<script type="text/javascript">
function removeimage() {
var elem = document.getElementById("dvLoading");
elem.parentNode.removeChild(elem);
}
window.onload=removeimage
</script>
现在唯一的问题是我的图片需要在我的页面加载时显示。此刻,它只是闪烁一秒钟,但上面的代码将其删除。 GRRRR。感谢所有帮助。