如何仅在 google 站点刷新嵌入内容？

Question

早上好，

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

<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 次的嵌入式代码，那就完美了。

Answer 1

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

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

如何仅在 google 站点刷新嵌入内容？

How to refresh an embedded content only on google site?

html

javascript

google-sites