这可能是一个x y问题，所以我将以一小部分背景开始。我正在尝试制作一个简单的仪表板，该仪表板加载许多不同的站点，并在它们之间循环。为此，我建立了一个简单的本地服务器以及一个html页面，该页面中填充了离散帧中的不同站点，然后通过依次隐藏/显示每个站点在它们之间循环。简单来说，页面如下所示：
<html>
<head></head>
<body>
<iframe id="frame1" src="www.example1.com"> </iframe>
<iframe id="frame2" src="www.example2.com"> </iframe>
<iframe id="frame3" src="www.example2.com"> </iframe>
</body>
</html>
现在，我想做的是能够强制重新加载每个帧，以便数据是最新的。对于大多数网站，我可以使用：
document.getElementById['iframe.src'] = document.getElementById['iframe.src']
但是，对于网址中未反映内容更改的网站，这将不起作用，而是将页面“刷新”回首页。我要做的是基本上将F5刷新类型直接提交给框架或使用：
document.getElementById("iframe_id").contentWindow.location.href
或
document.getElementById('YOUR IFRAME').contentDocument.location.reload(true);
但是，由于CORS，我无法执行此操作。考虑到这些站点是我正在查看的外部站点，并且无法控制我正在设法找到解决此问题的方法。我很想念什么吗？
您不会丢失任何东西，这就是网络的工作方式。您无法控制来自另一个域的页面，除非您使用postMessage()，但暗示目标页面已确认您的消息并做出相应的反应。
换句话说，除非您控制要嵌入的页面，否则您将无法实现这一目标。