使用 window.history.back（） 我必须单击 4 次才能返回一页

Question

这听起来很奇怪，但我有一个使用JS方法window.history.back（）的后退按钮，我只想回到预览页面。我注意到，当我点击查看客户的详细信息页面时，我的“后退按钮”存在，如果我在加载整个文档之前点击，按钮工作正常，我的意思是，只需单击一下，它就会返回到我之前的页面。但是，如果我等到 documento 完全下载，它包含 3 iframes ，那么我必须单击“后退按钮”，4 次才能返回一页。这是按钮代码：<a class='btn back pull-right' style='background-color: #45B6AF;color:#ffffff;'>Back</a>我使用类回来，这是JS部分（扩展js文件）：// go back to previous page$(document).on('click', '.back', function () {window.history.back();});任何想法，我已经和这个在一起两天了!!!

Answer 1

加载 iframe 不应自动添加到浏览器历史记录中。您可以搜索 出现的次数，以查看代码是否显式添加到历史记录中。history.pushState

作为黑客攻击，如果你的代码在历史被改变之前执行，你可以做一些类似的事情。

let oldLength = history.length;

// go back to previous page

$(document).on('click', '.back', function () {

    let currentLength = history.length;

    window.history.go(oldLength - currentLength - 1);

});