// 旧页面的 onload 事件处理函数 function oldPageOnloadHandler() { // 关闭旧页面的监听 socketTask.off('message', messageHandler); } // 新页面的 onload 事件处理函数 function newPageOnloadHandler() { // 开启新页面的监听 socketTask.onMessage(res => { // 处理收到消息的逻辑 }); }这种写法的完整写法 模拟一个页面

完整的代码示例如下所示，模拟了一个页面的加载过程：

// 创建 WebSocket 连接
const socketTask = new WebSocket('wss://example.com');

// 定义旧页面的 onload 事件处理函数
function oldPageOnloadHandler() {
  // 关闭旧页面的监听
  socketTask.removeEventListener('message', messageHandler);
}

// 定义新页面的 onload 事件处理函数
function newPageOnloadHandler() {
  // 开启新页面的监听
  socketTask.addEventListener('message', messageHandler);
}

// 消息处理函数
function messageHandler(event) {
  const res = event.data;
  console.log('收到消息：', res);
  // 处理收到消息的逻辑
}

// 旧页面加载完成，执行旧页面的 onload 事件处理函数
oldPageOnloadHandler();

// 新页面加载完成，执行新页面的 onload 事件处理函数
newPageOnloadHandler();

在上述示例中，我们首先创建了一个 WebSocket 连接 `socketTask`，然后定义了旧页面和新页面的 onload 事件处理函数 `oldPageOnloadHandler` 和 `newPageOnloadHandler`。

在 `oldPageOnloadHandler` 函数中，我们使用 `removeEventListener` 方法来关闭旧页面的监听，将之前绑定的 `messageHandler` 函数从 `message` 事件中移除。

在 `newPageOnloadHandler` 函数中，我们使用 `addEventListener` 方法来开启新页面的监听，将 `messageHandler` 函数绑定到 `message` 事件上。

最后，我们分别在旧页面和新页面加载完成后调用对应的 onload 事件处理函数，模拟了页面的加载过程。

请注意，以上代码仅为示例，实际使用时需要根据具体情况进行适当的修改和调整。