使用HTML5下WebSocket搭建简易聊天室(4)

<div>
        <div>
            <ul>
            </ul>
            <ul>
            </ul>
        </div>
        <div>
            <input type="text" placeholder="输入要发送的内容" />
            <input type="button" value="发送" /><input type="button" value="断开连接" />
        </div>
        <div>
            <input type="text" placeholder="请输入一个用户名" />
            <input type="button" value="连接" />
        </div>
    </div>

4.最后的效果如下:

使用HTML5下WebSocket搭建简易聊天室

三、总结

目前IE并不支持WebSocket,就目前来说,这种方式并不适用于大范围使用。

这里只是实现了简单的聊天室,如果想要一对一,只需找到用户的连接池,向该连接池发送消息即可,如果用户不存在,可以创建一个全局变量离线消息池来储存离线消息。

如有大神发现写的不会的地方,请多多指教!!!

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/7b332b81181a97582fa803deb52f81fc.html