从另一页上的切换按钮控制div可见性

Question

我希望通过管理页面上的切换按钮控制一页上div的可见性。我已经看到很多这样的例子都是在同一页面上完成的，但是没有一个例子可以解释从另一个页面完成这个操作会是什么样子。

Answer 1

有很多方法可以解决这个问题。你应该研究你想做什么，然后决定一种最适合你的方法。

我个人会看一下服务器端的实现。通过这种方式，您可以控制客户端的输出。例如，您可以使用会话变量。如何完成将取决于您使用的语言。

如果你只想要一个javascript解决方案，那么我可以想到两个选项。首先是使用cookies。然后，您可以读取cookie并根据值显示/隐藏div。这就是我要做的。

其次，您可以传入查询字符串参数并在另一页上读取它。然后隐藏/显示你的div。 http://mysite.com/?div=hidden

Answer 2

如果管理页面使用JavaScript打开子页面，则可以将窗口分配给变量并通过该变量控制内容。像这样：

var childWindow = window.open('some URL', options);
// now toggle the div in the child
var childDiv= childWindow.document.getElementById('your_div_id');
$(childDiv).toggle();