使用self.location.reload()将重载iframe。

<iframe src=“https://vivekkukumar11432.wordpress.com/“width="300" " height="300"></iframe> < br > < br > <输入类型=“按钮”值=“重新加载”/>

对yajra帖子的改进…我喜欢这个想法，但讨厌浏览器检测的想法。

我更倾向于ppk的观点，使用对象检测而不是浏览器检测， (http://www.quirksmode.org/js/support.html), 因为这样你实际上是在测试浏览器的能力，并据此进行操作，而不是你当时认为浏览器的能力。也不需要那么多丑陋的浏览器ID字符串解析，并且不排除您完全不了解的功能完美的浏览器。

不需要看导航器。AppName，为什么不这样做呢，测试你使用的元素呢?(如果你想要更花哨，你可以使用try{}块，但这对我来说很有效。)

function reload_message_frame() {
    var frame_id = 'live_message_frame';
    if(window.document.getElementById(frame_id).location ) {  
        window.document.getElementById(frame_id).location.reload(true);
    } else if (window.document.getElementById(frame_id).contentWindow.location ) {
        window.document.getElementById(frame_id).contentWindow.location.reload(true);
    } else if (window.document.getElementById(frame_id).src){
        window.document.getElementById(frame_id).src = window.document.getElementById(frame_id).src;
    } else {
        // fail condition, respond as appropriate, or do nothing
        alert("Sorry, unable to reload that frame!");
    }
}

这样，您可以根据自己的喜好或需要尝试尽可能多的不同排列，而不会导致javascript错误，并在所有其他方法都失败时执行一些合理的操作。在使用对象之前，对它们进行测试需要做更多的工作，但是，在我看来，这有助于编写更好、更安全的代码。

为我在IE8、Firefox(15.0.1)、Chrome (21.0.1180.89 m)和Windows上的Opera (12.0.2 m)工作过。

也许我可以通过实际测试重载函数做得更好，但这对我来说已经足够了。：）

从Iframe内部重新加载

如果你的应用程序在Iframe中，你可以通过替换位置href来刷新它:

document.location.href = document.location.href

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

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

如果你使用Jquery，那么有一行代码。

$('#iframeID',window.parent.document).attr('src',$('#iframeID',window.parent.document).attr('src'));

如果你们是和同一个家长一起工作的话

$('#iframeID',parent.document).attr('src',$('#iframeID',parent.document).attr('src'));

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