Обновите 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; 

Answer 2

попробуйте этот код

$(document).ready(function() { 
      setInterval(function refreshDarkSky() { 
       $("#forecast_embed").attr("src","http://forecast.io/embed/#lat=38.269571&lon=-85.487420&name=Louisville&units=us&color=#4c7cba"); 
      }, 90000); 
     }); 

Answer 3

попробовать этот

window.top.location.reload(); 

Answer 4

Используйте это:

$('#forecast_embed',window.parent.document).attr('src', 
      $('#forecast_embed',window.parent.document).attr('src')); 

Он должен развязать проблему.