我有一个问题，因为我没有使用超时给页面时间更新，我将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在写这篇文章的时候。

window.frames['frameNameOrIndex'].location.reload();

在我的例子中，简单地替换iframe元素的src属性并不能令人满意，因为在加载新页面之前，人们会看到旧的内容。如果你想提供即时的视觉反馈，这种方法会更好:

var url = iframeEl.src;
iframeEl.src = 'about:blank';
setTimeout(function() {
    iframeEl.src = url;
}, 10);

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

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

出于调试目的，可以打开控制台，将执行上下文更改为他想要刷新的帧，然后执行document.location.reload()

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