如何在HTML中正确显示面板？

Question

我正在构建一个由完整窗口画布组成的HTML5游戏。我想偶尔在画布上显示一个面板，用于显示设置等。

实现此目标的一种方法是使<div id="panel">默认隐藏并绝对位于画布顶部。当用户想要显示面板时，我可以简单地使用jQuery来显示面板。

我还希望服务器能够使用片段标识符打开此面板。

请有人解释（其中一种）显示和隐藏面板的最佳方法。

Answer 1

想到你想要实现的目标，我会采用其中一种方法：

<强> AJAX

• 创建一个JavaScript对象，用于处理面板
中的所有内容
• 根据用户的操作创建一个可以显示/隐藏面板的句柄（例如onclick）
• 设置检查服务器上的某些内容是否已更改的时间间隔
  • 如果true使用此调用的响应（可能是JSON对象）来更新show the panel

HTML5 WebSockets

另一种可能性是使用HTML5 WebSockets。使用WebSocket，您可以在服务器和浏览器之间建立全双工连接：

  

WebSocket是一种通过单个TCP连接提供全双工通信通道的Web技术。 [...] WebSocket旨在在Web浏览器和Web服务器中实现，但任何客户端或服务器应用程序都可以使用它。 WebSocket协议是一种独立的基于TCP的协议。它与HTTP的唯一关系是它的握手被HTTP服务器解释为升级请求。[1] WebSocket协议使浏览器和网站之间可以进行更多交互，促进实时内容和实时游戏的创建。 [...]

来自Wikipedia.org "WebSocket"

你可以在这篇文章中找到很多很好的例子和信息：
What are good resources for learning HTML5 WebSocket?