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

【问题标题】：How can i Show / Hide Div when i navigate from initial page to another and then come back to initial page?当我从初始页面导航到另一个页面然后返回初始页面时，如何显示/隐藏 Div？
【发布时间】：2017-12-09 13:11:44
【问题描述】：

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

【问题讨论】：

标签： javascript jquery html cookies

【解决方案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 sn-p 不支持多个 html 页面，请查看此 plunker 以更好地理解上述代码https://plnkr.co/edit/sbBIHf1RZA7YMTL4sJfd?p=preview

【讨论】：

嗨@azs06，感谢您的回复。我可以得到多个页面的解决方案吗，因为我无法在脚本中给出页面。
@Ravichand 你能解释一下这个问题吗？此解决方案应该适用于任意数量的页面，显然页面 URL 会因您的情况而异，您在向页面添加脚本时遇到问题吗？

【解决方案2】：

在页面 B 上使用 JS 将查询字符串添加到 url，然后在页面 A 上检查它并根据需要删除/修改内容：

// Set url parameter:

var myURL = document.location;
document.location = myURL + "?a=parameter";


// Check for url parameter:

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

【讨论】：

【解决方案3】：

使用 url 查询字符串从页面 B 链接到页面 A。类似的东西

https://mywebsite.com/a?myParam=1

然后在 A 页。

var myParam = location.search.split('myParam=')[1]
if(myParam == 1){
document.getElementById('hideDiv').style.display = 'none';
}

【讨论】：