Javascript 如何在html正文中使用图像标记，而不是从css加载图像？_Javascript_Jquery_Html_Css_Jsp

Javascript 如何在html正文中使用图像标记，而不是从css加载图像？

javascript jquery html css jsp

Javascript 如何在html正文中使用图像标记，而不是从css加载图像？,javascript,jquery,html,css,jsp,Javascript,Jquery,Html,Css,Jsp,我每10秒重新加载一次div，而不重新加载整个页面。而且，当刷新发生时，它将灰显我的div并显示刷新图像，刷新完成后，它将数据加载到我的div表中，并且工作正常下面是我正在使用的刷新图像- 问题陈述：- 下面是我的JSP文件（dataInfo.JSP），我每10秒重新加载一次div容器，而不重新加载整个页面 <body> <div id='headerDivDash'> <h1 id='topHeaderDash'>

我每

10秒重新加载一次div，而不重新加载整个页面。而且，当刷新发生时，它将灰显我的div并显示刷新图像，刷新完成后，它将数据加载到我的div表中，并且工作正常
下面是我正在使用的刷新图像-

问题陈述：-
下面是我的JSP文件（dataInfo.JSP）
，我每10秒重新加载一次div容器
，而不重新加载整个页面
<body>
    <div id='headerDivDash'>
        <h1 id='topHeaderDash'>
          <!-- some image here -->
        </h1>
    </div>
    <div id="vertical-list" style='display: block; list-style-type: none;'>
        <ul class="resp-tabs-list">
            <a href="_blank"><li>Test 1</li></a>
            <br />
            <a href="_blank"><li>Test 2</li></a>
        </ul>
    </div>

    <!-- just need to reload this div, other div should be intact without getting appended -->
    <div class="container">

    </div>
    <div class="footer">Some Value Here</div>
</body>

现在，正如您在上面看到的，我已经硬编码了图像的url。如果我在生产环境中部署代码，那么由于防火墙的原因，它将阻止此url，因此我需要从项目中的本地文件夹加载此图像
我的目录结构是这样的-
webapp/
|-- resources/
|   +-- img/
|           page-loader.gif
+- WEB-INF/
  +-- views/
        dataInfo.jsp
你确定你的目录结构吗。我想您正在使用Java/JSP spring？而不是Javascript
我相信资源文件夹比web应用文件夹高一个，web应用是你的根目录。你试过url（/img/page loader.gif）
？
据我所知，图像应该放在屏幕的中央。这可以通过使用外部div作为背景并将图像居中来实现
将div
和img
标记添加到body
标记的末尾，以便：
    <div class="footer">Some Value Here</div>
    <div id="overlay" style="display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: lightgray; opacity: 0.4; ">
        <img src="page-loader.gif" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;" />
    </div>
</body>

您是在询问img标记的语法吗
@developerwjk:显然不是。。我不知道如何重写overlay div，这样就不用从url加载css中的图像了，我想使用图像标签，在这里我可以指定本地文件夹中图像的路径，这对我显示其他图像很好。查看问题中我更新的最后一行。看起来您的路径是本地驱动器路径，如果您在javascript中使用它，它不应该是相对于网站的吗？“/resources/img/page loader.gif”？我也尝试过这一点背景：“浅灰色url（/resources/img/page loader.gif）无重复中心”。。不知怎么的，这对我不起作用。如果其他方法都失败了，为什么不使用数据url？这更适合作为评论。我相信他的问题是他误解了他的目录结构和他的根是什么。我有相同的设置，resources文件夹是他根目录webapp上的一个文件夹，因此他不能使用像/testweb/src/main/webapp/img/page-loader.gif这样的URL，它应该是/img/page-loader.gif
<img src="page-loader.gif" /> 

    <div class="footer">Some Value Here</div>
    <div id="overlay" style="display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: lightgray; opacity: 0.4; ">
        <img src="page-loader.gif" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;" />
    </div>
</body>

$(document).ready(function(){
    // Execute refresh with interval:
    setInterval(refresh, 1 * 1000);
});