在HTML5页面中，如何通过JavaScript建立WebSocket连接，并接收服务器发来的消息？请提供示例代码。

在HTML5页面中使用JavaScript创建WebSocket连接，并接收服务器消息的过程是实时通信的基础。这不仅涉及WebSocket API的使用，还需要了解WebSocket协议的工作机制。推荐的书籍《HTML5+WebSocket权威指南：The Definitive Guide to HTML5 WebSocket》提供了深入的理论知识和丰富的实践案例，适合希望全面掌握WebSocket技术的读者。下面是一个如何在HTML5页面中使用JavaScript建立WebSocket连接，并接收服务器消息的示例代码：

参考资源链接：[HTML5+WebSocket权威指南：The Definitive Guide to HTML5 WebSocket](https://wenku.csdn.net/doc/7a1jf3hzdx?spm=1055.2569.3001.10343)

1. 创建WebSocket对象，并指定要连接的服务器URL。这是一个协议ws开头的地址，表示使用WebSocket协议：

var ws = new WebSocket('ws://***/echo');

2. 定义当WebSocket连接打开时触发的事件处理函数：

ws.onopen = function() {
  console.log('连接已打开');
  // 这里可以发送消息
  ws.send('Hello, server!');
};

3. 定义当收到服务器消息时触发的事件处理函数：

ws.onmessage = function(event) {
  console.log('收到服务器消息: ' + event.data);
};

4. 定义当WebSocket连接关闭时触发的事件处理函数：

ws.onclose = function() {
  console.log('连接已关闭');
};

5. 定义当连接出错时触发的事件处理函数：

ws.onerror = function() {
  console.log('WebSocket发生错误');
};

通过上述代码，当WebSocket连接建立后，会自动向服务器发送一条消息，服务器需要能够处理并返回相同的消息以供客户端接收。上述代码中的 '***/echo' 应替换为你实际使用的服务器地址。如果服务器端也已经实现了相应的WebSocket服务，并能正确处理连接和消息，那么客户端便能成功接收到来自服务器的消息，并在控制台中打印出接收到的消息内容。

在深入WebSocket编程时，务必注意WebSocket协议的握手阶段和数据传输阶段，理解握手过程中的关键步骤，如协议协商和密钥交换，这些对于成功建立连接至关重要。此外，针对安全性考虑，应当实现适当的身份验证和数据加密措施，比如使用wss协议代替ws协议进行加密连接，以及在服务器端对收到的消息进行验证。

如果你已经掌握了WebSocket的基本使用，想要进一步深入学习，除了《HTML5+WebSocket权威指南：The Definitive Guide to HTML5 WebSocket》之外，还可以阅读更多关于WebSocket协议细节、高级应用场景以及安全性实现的资料，以期获得更全面的知识。

参考资源链接：[HTML5+WebSocket权威指南：The Definitive Guide to HTML5 WebSocket](https://wenku.csdn.net/doc/7a1jf3hzdx?spm=1055.2569.3001.10343)