webSocket网页通信---使用js模拟多页面实时通信

在JavaScript中，如果你想要在多个页面之间实现实时通信，你可以使用WebSocket API。以下是一个简单的例子，展示了如何在多个页面之间建立WebSocket连接，并进行实时通信。

首先，确保你的服务器支持WebSocket协议，并且能够处理WebSocket连接。

// 在所有页面中创建WebSocket实例
const socket = new WebSocket('ws://your-server-address');
 
// 当WebSocket连接打开时
socket.addEventListener('open', function (event) {
    console.log('WebSocket connected');
});
 
// 监听服务器发送的消息
socket.addEventListener('message', function (event) {
    console.log('Message from server', event.data);
});
 
// 发送消息到服务器
function sendMessage(message) {
    socket.send(message);
}
 
// 当WebSocket连接关闭时
socket.addEventListener('close', function (event) {
    console.log('WebSocket disconnected');
});
 
// 当遇到错误时
socket.addEventListener('error', function (event) {
    console.error('WebSocket error observed:', event.message);
});

在这个例子中，你需要将 'ws://your-server-address' 替换为你的WebSocket服务器地址。所有页面共享这份JavaScript代码，并在打开时尝试连接到同一个WebSocket服务。一旦连接建立，所有页面就可以通过WebSocket进行实时通信了。

请注意，这个例子没有处理重连逻辑，如果连接意外断开，需要在 close 事件中实现重连机制。