在几个HTML页面中包含相同的DIV

Question

下面是一个HTML页面的图片，我需要一些建议。

大方块是一个AJAX DIV，当用户更改页面时会重新加载。 （工作正常）。

较小的黑色矩形是包含在许多页面中的DIV，它具有一些不同的状态。我想保持当前状态，无论用户在哪个页面，我都在努力弄清楚如何包含它。

我一直在使用PHP include，但每次都重新加载代码 - 例如：当前状态丢失。

我正在考虑使用iframe，但我不确定我是否可以将iframe转换为DIV然后我还有一个红色正方形的问题，当做出某些选择时会从较小的黑色矩形中弹出。当页面上的红色方块后面还有其他信息时，不确定我是否可以将所有这些包含在iframe中 - 例如：iframe需要与其他信息重叠...

任何建议？如果需要，我可以解释更多/更好。

THX

Answer 1

以下其中一项可能符合您的需求：

• localStorage：http://www.joelennon.ie/2011/02/11/basics-of-html5-local-storage/
• PHP会话：http://www.php.net/manual/en/session.examples.basic.php
• PHP Cookie：http://php.net/manual/en/features.cookies.php

这些技巧可让您简单地保存数据。说你已经命名了不同的州。以某种方式保存该字符串，并阅读它以确定显示该黑盒子的状态。