javascript - 当我从初始页面导航到另一个页面然后返回初始页面时，如何显示/隐藏 Div？

Question

我有多个html页面我在主页中有一些特定的内容，刷新或重新加载页面时不应更改其内容。但是当我导航到其他页面然后返回主页时，我想在主页中显示/隐藏 div 或 html 部分。如何实现？

Answer 1

您可以使用 document.referrer 获取上一页 URL 并使用条件隐藏您要隐藏的元素。

//element to hide
var boxA = document.querySelector('.boxA');
//last page url
var lastPage = document.referrer.split("/").pop();
//checking if element exist and previous page is page B   
if(boxA && lastPage === 'b.html' ){
  boxA.style.display = 'none';
}

StackOverflow 代码片段不支持多个 html 页面，请检查这个 plunker 以更好地理解上面的代码 https://plnkr.co/edit/sbBIHf1RZA7YMTL4sJfd?p=preview