javascript - 刷新父页面

Question

我有一段简单的代码，如果用户单击取消，那么他们将使用附加的代码返回到上一页。我想做的是，如果用户单击取消按钮，则刷新他们来自的页面。这可能吗？非常感谢

<input type="button" value="Cancel" onclick="history.go(-1);return false;" />

Answer 1

window.parent.document.location.reload(); 我认为可以与 jQuery 一起使用。为后退按钮设置绑定。

或扔这个

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

在第一页的头部，所以它会过期并自动刷新

但是我不能 100% 确定它可以与 Firefox 一起使用。它似乎适用于 IE。

我认为您也可以通过设置 rel = external 打开没有 AJAX 的页面

<a href="../index.html" data-icon="grid"
class="ui-btn-right" rel="external">Home</a>

这是一种老派的做法。

也 This is a very useful link explaining how jquery can accomplish this in most browsers。可能是一个更优化的解决方案，而不是我的黑客。

Answer 2

您可以使用meta先前答案中建议的标签，也可以document.referrer根据特定 URL 检查属性，然后通过 javascript 手动刷新它。

编辑

在 1.html 中，您将拥有：

$(document).ready(function(){
    if(document.referrer.indexOf("files.php") != -1) {
        window.location.reload(true); // passing true as an argument causes page to being force loaded from the server
    }
});

在 2.html 中你只需要这个：

<input type="button" value="Cancel" onclick="history.go(-1);return false;" />

Answer 3

另一种可能性是，如果您只关心从您的网站重新加载页面，您可以强制不进行缓存。如果你有兴趣看这里。