通过另一个页面上的切换按钮控制 div 可见性

Question

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

Answer 1

有多种方法可以处理这个问题。您应该研究自己想要做什么，然后决定最适合您的方法。

就我个人而言，我会考虑服务器端实现。通过这种方式，您可以控制向客户端的输出。例如，您可以使用会话变量。如何完成此操作取决于您使用的语言。

如果你只想要一个 javascript 解决方案那么我可以想到两个选择。首先是使用cookie。然后，您可以读取 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();