6

我有一个网页，我正在尝试刷新 iFrame。我正在尝试使用<input />按钮和javascript之类的东西来做到这一点。如果不清除缓存，我似乎无法让 iFrame 重新加载。让 PHP 清除缓存会更好。

编辑更新

这是内联的工作实现。

    <input type="button"  onClick="javascript: var iFrame = document.getElementById('compilePreview'); iFrame.src = '<? echo ($myFile); ?>?random=' + (new Date()).getTime() + Math.floor(Math.random() * 1000000);" value="Reload Preview" />
    <iframe id="compilePreview" src="<? echo ($myFile); ?>" width="940"></iframe>

并且粗略的加载很快就会跟随，消除了对按钮的需要。

    <script>
    window.onload=refreshIframe;
    function refreshIframe(){
    var iFrame = document.getElementById('compilePreview');
    iFrame.src = '<? echo ($myFile); ?>?random=' + (new Date()).getTime() + Math.floor(Math.random() * 1000000);
    }
    </script>
4

3 回答 3

17

第一种选择可能是使用 HTTP 标头或<meta>标签来控制来自 Web 服务器的 iframe 页面的浏览器缓存（请参阅参考资料）。

<meta HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<meta HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

如果你不能改变这些，那么你可以.src在 iframe 中设置一个每次都有不同的查询参数来绕过缓存。

例如：

iframeObj.src = "http://www.example.com/page/myframe.html?random=" + (new Date()).getTime() + Math.floor(Math.random() * 1000000);
于 2012-08-27T02:21:51.007 回答
2

这是您应该在服务器端执行的操作，通过 HTTP 标头进行控制，如下所示：

<?php
header("Cache-Control: no-cache, must-revalidate");
header("Expires: Sun, 29 Jul 2012 00:00:00 GMT"); // some day in the past
于 2012-08-27T02:20:15.243 回答
1

你可以做类似的事情

<iframe src="<?php echo $url.'#nocache'.time(); ?>">
#document</iframe>

哪个允许在 URL 中使用 GET 参数，而不必担心是否使用？或&为您的随机。

于 2015-02-04T04:42:03.637 回答