<script type="text/javascript">
  top.frames['DetailFrame'].location = top.frames['DetailFrame'].location;
</script> 

由于同源策略，当修改指向不同域的iframe时，这将不起作用。如果你的目标浏览器更新，可以考虑使用HTML5的跨文档消息传递功能。您可以在这里查看支持此功能的浏览器:http://caniuse.com/#feat=x-doc-messaging。

如果你不能使用HTML5的功能，那么你可以遵循这里列出的技巧:http://softwareas.com/cross-domain-communication-with-iframes。该博客条目也很好地定义了问题。

如果使用jQuery，这似乎是可行的:

$('#your_iframe').attr('src', $('#your_iframe').attr('src'));

将空字符串附加到iFrame的src属性也会自动重新加载它。

document.getElementById('id').src += '';

我有一个问题，因为我没有使用超时给页面时间更新，我将src设置为“，然后将其设置回原来的url，但什么都没有发生:

function reload() {
   document.getElementById('iframe').src = '';
   document.getElementById('iframe').src = url;
}

但是它没有重新加载网站，因为它是单线程的，第一个改变不做任何事情，因为这个函数仍然占用线程，然后它设置回原来的url，我猜chrome不重新加载是因为性能或其他什么，所以你需要做:

function setBack() {
   document.getElementById('iframe').src = url;
}
function reload() {
   document.getElementById('iframe').src = '';
   setTimeout(setBack,100);
}

如果setTimeout时间太短，它不工作，所以如果它不工作，尝试将它设置为500或其他东西，看看它是否工作。

这是在最新版本的chrome在写这篇文章的时候。

现在让这个工作在chrome 66，试试这个:

const reloadIframe = (iframeId) => {
    const el = document.getElementById(iframeId)
    const src = el.src
    el.src = ''
    setTimeout(() => {
        el.src = src
    })
}