如何仅在谷歌网站上刷新嵌入的内容？

问题描述

早上好，

我有一个网页，它将全天显示为“媒体电视”。页面顶部的视频将循环播放，展示公司更新，但在底部我想放置一个带有更新信息的天气小部件，我已经设法获取了该小部件，但它不会全天更新。我无法刷新整个页面，因为那样视频就会停止，所以我只需要刷新嵌入的内容

<a class="weatherwidget-io" href="https://forecast7.com/en/51d51n0d13/london/" data-label_1="LONDON" data-label_2="WEATHER" data-icons="climacons Animated" data-days="3" data-theme="pure" >LONDON WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>

在底部我添加了以下内容：

<script>
 function reloadIFrame() {
     document.Name1.location.reload();
 }
    
 window.setInterval(reloadIFrame,0001);
 </script>

但我不确定它会有所帮助或做任何事情。有任何想法吗？如果我们能在 5 分钟内刷新 5 个嵌入的代码就完美了。

解决方法

它不能用 location.reload 方法刷新，因为 iframe 指向不同的域并且 CORS 策略会阻止您的尝试，但您可以使用这个好技巧：

document.getElementById('weatherwidget-io-0').src = document.getElementById('weatherwidget-io-0').src;