Question

在我的项目中，我使用jQuery.html（）刷新页面上的元素。使用AJAX从服务器接收内容。在FF和IE中，它工作得很完美，但在Chrome中我看到它闪烁。我意识到它与AJAX无关。问题是Chrome总是从服务器获取图像，即使它们没有被更改。以下示例演示了它。如何阻止Chrome从服务器重新加载图片？

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p id="XXX">

</p>
<script>
    setInterval(function () {
        $("#XXX").html('This is dynamic content from server with an image <img src="alarms.png">');
    }, 1000);
</script>
</body>
</html>

Answer 1

尝试将window.onload =放在setInterval函数之前。它将在加载网页时加载该功能。

Answer 2

您可以查看here如何优化缓存内容。您也可以尝试首先预览图片here。

谷歌浏览器闪烁调用jQuery.html（）方法

2 个答案: