js刷新框架子页面的七种方法代码

让我们开始吧。

1. 使用location.reload()方法

使用location.reload()方法可以重新加载当前页面，包括全部资源（例如JS、CSS、图片等）。将该方法应用到一个窗口的iframe子框架中，即可实现刷新子页面的效果。

window.frames["frame_name"].location.reload();

在上面的代码中，"frame_name"为iframe元素的name属性值。

2. 使用location.replace()方法

使用location.replace()方法可以重新加载当前页面，但只会重新请求文档，而不请求文档中的其他资源（例如JS、CSS、图片等），这样可以提高页面加载速度。将该方法应用到一个窗口的iframe子框架中，即可实现刷新子页面的效果。

window.frames["frame_name"].location.replace(window.frames["frame_name"].location.href);

在上面的代码中，"frame_name"为iframe元素的name属性值。

3. 使用iframe.contentWindow.location.reload()方法

使用iframe.contentWindow.location.reload()方法，类似于第1种方法，可以重新加载当前页面，包括全部资源（例如JS、CSS、图片等）。它可以直接使用iframe元素的contentWindow属性来定位到iframe子框架，并实现刷新子页面的效果。

document.getElementById("iframe_id").contentWindow.location.reload();

在上面的代码中，"iframe_id"为iframe元素的id属性值。

4. 使用location.href刷新iframe

通过直接修改iframe的src属性，也可以实现刷新iframe的效果。

var iframe = document.getElementById("iframe_id");
iframe.src = iframe.src;

在上面的代码中，"iframe_id"为iframe元素的id属性值。

5. 使用location.reload()刷新iframe

类似于第1种方法，使用location.reload()方法也可以刷新iframe。

document.getElementById("iframe_id").contentWindow.location.reload(true);

需要注意的是，使用location.reload()方法时，需要在方法中传递true参数，表示需要强制重新加载页面，而不是从缓存读取。

6. 使用location.hash刷新iframe

可以通过改变iframe的hash值来实现刷新iframe的效果。

var iframe = document.getElementById("iframe_id");
iframe.contentWindow.location.hash = "#" + new Date().getTime();

在上面的代码中，我们使用了当前时间作为hash值，每次改变hash值都会让浏览器重新请求iframe的资源，从而达到刷新子页面的效果。

7. 使用XMLHttpRequest对象刷新iframe

可以通过创建XMLHttpRequest对象并指定请求iframe的资源来刷新子页面。

var iframe = document.getElementById("iframe_id");
var xhr = new XMLHttpRequest();
xhr.open("GET", iframe.src);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        iframe.contentWindow.location.reload();
    }
};
xhr.send();

在上面的代码中，我们创建了一个XMLHttpRequest对象，并通过open()方法指定请求iframe的资源，然后通过onreadystatechange事件监听XMLHttpRequest对象的状态变化，在XMLHttpRequest对象状态改变时，如果XMLHttpRequest对象的readyState属性的值等于4（即请求完成），则调用iframe的location.reload()方法来刷新子页面。

以上就是七种刷新iframe子页面的方法。我们可以根据不同的需求，选择适合自己的方法。