Question

我是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>

Answer 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

Answer 2

我要说谢谢你的快速回复。我尝试了以下内容。它本质上是我所写内容的细分版本。但它奏效了。可能是我最后错过了半结肠。

<script type="text/javascript">
        function removeimage() {
        var elem = document.getElementById("dvLoading");
        elem.parentNode.removeChild(elem);
        }
        window.onload=removeimage
</script>

现在唯一的问题是我的图片需要在我的页面加载时显示。此刻，它只是闪烁一秒钟，但上面的代码将其删除。 GRRRR。感谢所有帮助。

加载图像直到页面加载后才显示。

2 个答案: