历史回溯不起作用



我在页面中有产品列表。这个产品列表将只显示5个。点击"Show extra"按钮后,将显示剩余产品。

Ok,在我点击"显示额外"按钮后,它显示了接下来的5个产品。总共有8个产物。从这剩下的5个产品中,当我点击任何一个产品链接(href)时,它会转到下一页。问题是,当我从下一页点击"Go back"按钮时,它回到了页面,但在这个时候,产品的数量仍然是5,而不是10。但我需要之前装载的产品,因为它是怎样的。如果我说不久,历史回不工作。

请推荐我

try this

javascript: history.go(-1)

<input type="button" value="Back" onClick="history.go(-1)">

history.back()history.go(-1)是完全相同的方法。当然history.go()也可以接受其他参数,包括URL或Page而history.back()只能做一件事。

历史。previous是一个属性,返回previous的URL项。

var lastURL = history.previous

然而,这是一个安全问题,需要一个带有从访问者获得成功使用的明确许可历史。前一个,当前,下一个。不像history.back()和History.go()方法,这个是不可设置的。它只能得到。

在你重新加载页面后,数据当然会丢失:)…您可以使用浏览器存储来保存加载的数据数量,并在加载后再次加载相同的数据…w3schools.com/html/html5_webstorage.asp 享受:)

history goback在您的示例中按预期工作。当你点击goBack button时,尽量避免server call。只需将页面导航设置为back

试试这个

<input type="button" value="Back" onClick="history.go(-1)">

尝试如下

<script>
function goBack() {
    window.history.back()
}
</script>
<body>
<button onclick="goBack()">Go Back</button>
</body>

我认为这里真正的问题是,处理您的网站对ajax调用的历史。对于这一点,你可以自己写,或者只是阅读一个插件,像这样研究它:

http://balupton.github.io/jquery-history/demo/

您可以试试,如果还有问题,再来找我。

希望有帮助。

最新更新