需要一个 iframe 来自动刷新答案

【问题标题】：need an iframe to refresh automatically需要一个 iframe 来自动刷新
【发布时间】：2017-09-25 11:30:52
【问题描述】：

我有一种情况，我需要大约每 30 秒刷新一次 iframe。我浏览了论坛并尝试了一些东西，但无济于事。

<iframe id="Doyle" src="http://www.dot.ca.gov/dist2/rwis/sm_doyle.php" 
width="375" height="560">
</iframe>

<script>
window.setInterval("reloadIFrame();", 3000);

function reloadIFrame() {
 document.frames["Doyle"].location.reload();
}
</script>

关于如何进行这项工作的任何建议？

【问题讨论】：

你做了什么来确定根本原因？您是否在浏览器控制台中看到任何错误输出？你检查reloadIFrame函数是否正在运行？

标签： javascript iframe refresh

【解决方案1】：

使用以下代码

<iframe id="Doyle" src="http://www.dot.ca.gov/dist2/rwis/sm_doyle.php" 
width="375" height="560">
</iframe>

<script>
window.setInterval("reloadIFrame();", 30000);

function reloadIFrame() {
 var frameHolder=document.getElementById('Doyle');
frameHolder.src="http://www.dot.ca.gov/dist2/rwis/sm_doyle.php"
}
</script>

检查下面的工作示例

http://plnkr.co/edit/Mre0AgMjh5o7wXl5YvVP?p=preview

【讨论】：

【解决方案2】：

iframe 是一个元素，它不像窗口那样是一个对象，要更改它的目标，你只需要更新它的 src 属性，document.getElementById('YOURFRAMEID').src="http://google.com/"; 或类似的东西

感谢Change URL in an iframe using javascript

【讨论】：