当单击窗口聊天框上的X按钮关闭事件的本地存储？

Question

我是个新手，现在，我正在学习HTML5。

我正在用CSS搭建一个窗口聊天室。现在我希望它能像facebook的聊天室一样运作。具体而言，当我单击tab1窗口聊天框上的"X“按钮时，浏览器的tab2、tab3、tab4、....tab n也会关闭。

此外，我也希望它的操作相同，以隐藏窗口。我想我需要用本地存储来解决我的问题，但是我不知道怎么做--请帮帮我！

Answer 1

步骤1:为它创建一个数据库和一些表。您肯定需要一个存储用户的表。您将需要其他表来存储用户状态。当用户登录时，该用户将与具有用户表外键的user表和状态表相关联。

步骤2:您需要在服务器端开发一个服务，它将处理post请求。这些请求将更新状态或请求最新状态。

步骤3:在客户端，您需要进行轮询才能反复获得最新的状态。

步骤4:每当状态发生变化时，刷新UI组件。

步骤5:处理UI事件。例如，当您单击x时，应该将状态更新发送到需要关闭选项卡的服务器。当下一个轮询请求得到响应时，其他选项卡将获得最新状态，然后会刷新UI。

说起来容易做起来难，但这些是您需要执行的步骤。