javascript - 刷新 iframe 而不刷新整个页面

Question

我有一个 iframe，我想在不刷新整个页面的情况下自动刷新自身。我更愿意使用 javascript 或 jquery。这是我一直在尝试但未成功的。

<div class="Widget"><!--DARK SKY-->
    <div class="WidgetHeader">
        <img src = "images/WidgetHeaders/DarkSky.png"></div>
    <div id="DarkSky" style="width: auto; height: 245px; padding: 5px; background-color: hsla(0,0%,100%,.9);">
        <iframe id="forecast_embed" type="text/html" frameborder="0" height="245" width="100%" src="http://forecast.io/embed/#lat=38.269571&lon=-85.487420&name=Louisville&units=us&color=#4c7cba"> </iframe>
    </div>   
</div>

<script type = "text/javascript">
    window.onload = function() {   
        setInterval(function refreshDarkSky() {  
            document.getElementById("#forecast_embed").src ="http://forecast.io/embed/#lat=38.269571&lon=-85.487420&name=Louisville&units=us&color=#4c7cba"
        }, 90000);
    } 
</script>

Answer 1

如果 iframe 不是来自不同的域，您可以使用:

document.getElementById('forecast_embed').contentDocument.location.reload(true);

对于跨域，

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