Question

我在html页面上的div中有一个iframe，它显示来自外部源的天气数据。我想刷新这个iframe，以便数据始终是最新的。我宁愿每隔5分钟使用setinterval之类的东西。

我搜索过，我试图提出自己的解决方案，我已经使用过其他论坛的建议。什么都行不通。我会发布一些代码，但我确实尝试过。 8-10种不同的方法，没有任何效果。 iframe在页面加载时加载，然后在刷新整个页面之前不会更改。

我所阅读的一些内容让我相信我曾尝试过的某些解决方案曾经在Chrome v30之前工作，但现在由于浏览器安全功能/更改而停止工作。

我还没有运气好运。我尝试过以下方法：

    <script type = "text/javascript">
   window.onload = function() {
     setInterval(function refreshDarkSky() {

   document.getElementById('content22').contentWindow.location.reload();

     }, 90000);
   } 
  </script>

但iframe不会重新加载或刷新。我已经尝试使用iframe ID和在参数中保存iframe的div id。我也尝试在最后的括号中添加'true'。但仍然没有运气。知道我做错了什么？！

Answer 1

document.getElementById('some_frame_id').contentWindow.location.reload();

Answer 2

您必须移除Src并重新放入。

var iframe = document.getElementById('youriframe');
iframe.src = iframe.src;

它会被重新加载。

iframe每隔一段时间自动刷新一次

2 个答案: