insertbefore怎么用（如何使用WebSocket）

本文目录

• 如何使用WebSocket
• 如何用原生的js实现InsertBefore函数

如何使用WebSocket

服务端代码 class Program:WebSocketServer { static void Main(string args) { TcpUtils.Setup(“beetle“); Program server = new Program(); server.Open(8088); Console.WriteLine(“websocket start@8088“); System.Threading.Thread.Sleep(-1); } protected override void OnConnected(object sender, ChannelEventArgs e) { base.OnConnected(sender, e); } protected override void OnDisposed(object sender, ChannelDisposedEventArgs e) { base.OnDisposed(sender, e); } protected override void OnError(object sender, ChannelErrorEventArgs e) { base.OnError(sender, e); } protected override void OnWebSocketReceive(TcpChannel channel, DataPackage e) { Console.WriteLine(“MessageType:{0}“, e.Type); Console.WriteLine(“RequestPath:{0}“, e.RequestPath); if (e.Type == PackageType.text) { Console.WriteLine(e.ToString()); DataPackage dp = new DataPackage(); dp.Type = PackageType.text; dp.Data.Encoding(“hello “ + e.ToString(), Encoding.UTF8); channel.Send(dp); } } }以上就是一个完整的websocket服务,代码非常简单WebSocketServer重写OnWebSocketReceive即可,在事件中根据需要处理对应的DataPackage即可,对于DataPackage的结构和类型实现参考下载代码.Html代码《html》《meta charset=“utf-8“ /》《title》WebSocket Test《/title》《script language=“javascript“ type=“text/javascript“》 var wsUri = “ws://127.0.0.1:8088/“; var output; function init() { output = document.getElementById(“output“); testWebSocket(); } function testWebSocket() { websocket = new WebSocket(wsUri); websocket.onopen = function (evt) { onOpen(evt) }; websocket.onclose = function (evt) { onClose(evt) }; websocket.onmessage = function (evt) { onMessage(evt) }; websocket.onerror = function (evt) { onError(evt) }; } function onOpen(evt) { writeToScreen(“CONNECTED“); } function onClose(evt) { writeToScreen(“DISCONNECTED“); } function onMessage(evt) { document.getElementById(’result’).value = evt.data; } function onError(evt) { writeToScreen(’《span style=“color: red;“》ERROR:《/span》 ’ + evt.data); } function doSend(message) { websocket.send(message); } function writeToScreen(message) { var pre = document.createElement(“p“); pre.style.wordWrap = “break-word“; pre.innerHTML = message; output.insertBefore(pre); } function OnConnect() { wsUri = document.getElementById(“url“).value; init(); } 《/script》《body》《fieldset》《legend》WebSocket hello wold《/legend》 《p》《span》Server url:《/span》《input id=“url“ type=“text“ value=“ws://127.0.0.1:8088/“/》《input type=“button“ value=“Connected“ onclick=“OnConnect()“ /》《/p》 《p》《span》Enter you name:《/span》《input id=“youname“ type=“text“ value=“test“/》《input type=“button“ value=“Submit“ onclick=“doSend(document.getElementById(’youname’).value)“ /》《/p》 《p》《span》Result:《/span》《input id=“result“ type=“text“ value=““/》《/p》 《/fieldset》《div id=“output“》《/div》《/body》《/html》

如何用原生的js实现InsertBefore函数

document.getElementById(“myList“).insertBefore(newItem,existingItem);原生就支持的