Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLとの密接な接続後にWebSocketに再接続するにはどうすればよいですか？

ソケットを再作成して再接続します。 WebSocketは、開いたままになるように設計されています。

このメソッドを使用して、サーバーに接続を閉じさせることもできます。これにより、WebSocketはoncloseイベントを発生させ、驚くほど接続を試み続けます。

さらに、サーバーが再度リッスンすると、接続が自動的に再確立されます。

例

次のコードを実行してWebSocketに再接続してみてください-

// Socket Variable declaration
var mySocket;
const socketMessageListener = (event) => {
   console.log(event.data);
};

// Open
const socketOpenListener = (event) => {
   console.log('Connected');
   mySocket.send('hello');
};

// Closed
const socketCloseListener = (event) => {
   if (mySocket) {
      console.error('Disconnected.');
   }
   mySocket = new WebSocket('ws://localhost:8080');
   mySocket.addEventListener('open', socketOpenListener);
   mySocket.addEventListener('message', socketMessageListener);
   mySocket.addEventListener('close', socketCloseListener);
};
socketCloseListener();

  1. HTMLで参考文献を作成するにはどうすればよいですか？

    参考文献は、参照されている本のリストが記載されているセクションです。 HTMLを使用すると、参考文献を簡単に作成できます。そのために、タグを使用して本を一覧表示し、を使用して作品のタイトルを追加します。 タグは、曲、絵画、映画などの作品のタイトルを追加するためにも使用されます。引用を示し、タグ内にあるものはすべて作品のタイトルを表します。 例 HTMLで参考文献を追加する方法を見てみましょう <!DOCTYPE html> <html>    <head>       <title>B

  2. HTMLでダウンロードリンクを作成するにはどうすればよいですか？

    HTMLでダウンロードリンクを作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <body> <h1>Download Link example</h1> <a href="https://i.picsum.photos/id/225/800/800.jpg" download> <img src="https://i.picsum.photos/id/225/800/800.jpg" style="width: 300px;h