JS websocket onmessage 给两个页面同时赋值
时间: 2024-03-08 08:46:06 浏览: 19
要实现两个页面同时接收WebSocket的消息并进行相应的赋值,需要在每个页面里都创建一个WebSocket对象,并在每个对象上都监听onmessage事件。以下是实现此操作的步骤:
1. 在每个页面上创建WebSocket对象:
```javascript
var socket1 = new WebSocket('ws://localhost:8080');
var socket2 = new WebSocket('ws://localhost:8080');
```
2. 在每个WebSocket对象上都监听onmessage事件:
```javascript
socket1.onmessage = function(event) {
var data = event.data;
// 对接收到的数据进行处理
};
socket2.onmessage = function(event) {
var data = event.data;
// 对接收到的数据进行处理
};
```
3. 在发送WebSocket消息时,向两个WebSocket对象都发送消息:
```javascript
socket1.send('Hello, world!');
socket2.send('Hello, world!');
```
4. 在每个页面上,对接收到的数据进行相应的赋值,例如:
```javascript
var element1 = document.getElementById('my-element-1');
element1.innerHTML = data;
var element2 = document.getElementById('my-element-2');
element2.innerHTML = data;
```
请注意,以上代码仅为示例,需要根据实际情况进行调整。另外,在使用WebSocket时需要考虑浏览器兼容性和安全性问题。