Question

我有一种情况，我需要每隔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>

有关如何使这项工作的任何建议？

Answer 1

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

此处的积分Change URL in an iframe using javascript

Answer 2

使用以下代码

<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

需要iframe自动刷新

2 个答案: