Question

我正在CSS网格中工作。我有一列在其中添加背景图片。我已使用以下javascript将背景图片制作为超链接（link-x）。

问题不在下面。如果我执行以下操作：

我转到https://my-site.com，然后单击超链接link-x。我在浏览器中单击“返回”，这意味着我应该返回到https://my-site.com。但是当我单击返回时，我将进入浏览器起始页。

浏览器似乎不知道我访问过我的网站的上一页。

有人知道是否有解决方案吗？

$('.sbp-item1').click(function(e) {
  window.location.replace("https://my-site.com/link-x");
});

.sbp-item1 {
  grid-row: 1 / 3;
  grid-column: 1/9;
  height: 520px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-image: url("/Static/Cms/d1bd45c5-f39e-4b8f-8c47-f7fe5497b1a4.jpg");
  cursor: pointer;
}

<div class="sbp-wrapper">
  <a class="sbp-item1 bg-img" href="https://my-site.com/link-x"></a>
</div>

Answer 1

replace的全部意义是它在浏览器历史记录中替换当前页面。

如果要正常导航，请将新URL分配给location：

window.location = "https://my-site.com/link-x";

Answer 2

$('.sbp-item1').click( function(e){
 history.pushState({}, window.location.href); //Maintain history 
    window.location.replace("https://my-site.com/link-x");
});

链接不记得之前的页面

2 个答案: