{"id":3524,"date":"2015-07-10T15:20:10","date_gmt":"2015-07-10T07:20:10","guid":{"rendered":"http:\/\/www.wpadmin.cn\/blog\/?p=3524"},"modified":"2015-07-10T15:20:10","modified_gmt":"2015-07-10T07:20:10","slug":"html5-websocket%e8%81%8a%e5%a4%a9%e5%ae%9e%e4%be%8b%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/www.wpadmin.cn\/blog\/3524.html","title":{"rendered":"HTML5-websocket\u804a\u5929\u5b9e\u4f8b\u4ee3\u7801"},"content":{"rendered":"

\u5728\u4f20\u7edf\u7684\u7f51\u9875\u5b9e\u73b0\u804a\u5929\u5ba4\u7684\u65b9\u6cd5\u662f\u901a\u8fc7\u6bcf\u9694\u4e00\u6bb5\u65f6\u95f4\u8bf7\u6c42\u670d\u52a1\u5668\u83b7\u53d6\u76f8\u5173\u804a\u5929\u4fe1\u606f\u6765\u5b9e\u73b0\uff0c\u7136\u800chtml5\u5e26\u6765\u7684websocket\u529f\u80fd\u6539\u53d8\u8fd9\u4e86\u8fd9\u79cd\u65b9\u5f0f\uff0e\u7531\u4e8ewebsocket\u5728\u8fde\u63a5\u670d\u52a1\u5668\u540e\u5141\u8bb8\u4fdd\u6301\u8fde\u63a5\u6765\u8fdb\u884c\u6570\u636e\u4ea4\u4e92\uff0c\u56e0\u6b64\u670d\u52a1\u5668\u53ef\u4ee5\u4e3b\u52a8\u5730\u5411\u5ba2\u6237\u7aef\u53d1\u9001\u76f8\u5e94\u7684\u6570\u636e\uff0e\u5bf9\u4e8ehtml5\u7684\u5904\u7406\u53ea\u9700\u8981\u5728\u8fde\u63a5\u521b\u5efa\u5b8c\u6210\u540e\u5728websocket\u7684receive\u4e8b\u4ef6\u4e2d\u5904\u7406\u63a5\u6536\u7684\u6570\u636e\u5373\u53ef.\u4e0b\u9762\u901a\u8fc7\u5b9e\u73b0\u4e00\u4e2a\u804a\u5929\u5ba4\u6765\u4f53\u9a8c\u4e00\u4e0b\u670d\u52a1\u5668\u53ef\u4ee5\u4e3b\u52a8\u5730\u5411\u5ba2\u6237\u7aef\u53d1\u7684\u529f\u80fd\uff0e<\/p>\n

\n
<\/div>\n
    \n
  1. <!DOCTYPE\u00a0html><\/li>\n
  2. <?php<\/li>\n
  3. \/\/echo\u00a0$_GET[‘othername’];exit;<\/span><\/li>\n
  4. if<\/span>($_GET[‘myid’]==$_GET[‘otherid’])<\/li>\n
  5. {<\/li>\n
  6. \u00a0\u00a0\u00a0\u00a0echo\u00a0“<script><\/span><\/li>\n
  7. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(‘\u60a8\u4e0d\u80fd\u548c\u81ea\u5df1\u804a\u5929’);<\/span><\/li>\n
  8. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0window.close();<\/span><\/li>\n
  9. \u00a0\u00a0\u00a0\u00a0<\/script>”<\/span>;<\/li>\n
  10. }<\/li>\n
  11. ?><\/li>\n
  12. <html><\/li>\n
  13. <head><\/li>\n
  14. <meta\u00a0http-equiv=“Content-Type”<\/span>\u00a0content=“text\/html;\u00a0charset=utf-8”<\/span>\u00a0\/><\/li>\n
  15. <title>\u7f51\u7ad9\u5728\u7ebf\u804a\u5929-\u5ba2\u6237\u5728\u7ebf\u4ea4\u6d41\u5de5\u5177<\/title><\/li>\n
  16. <input\u00a0type=“hidden”<\/span>\u00a0id=“otherid”<\/span><\/li>\n
  17. \u00a0\u00a0\u00a0\u00a0value=“<?php\u00a0echo\u00a0$_GET[‘otherid’]?>”<\/span>><\/li>\n
  18. <input\u00a0type=“hidden”<\/span>\u00a0id=“othername”<\/span><\/li>\n
  19. \u00a0\u00a0\u00a0\u00a0value=“<?php\u00a0echo\u00a0$_GET[‘othername’]?>”<\/span>><\/li>\n
  20. <input\u00a0type=“hidden”<\/span>\u00a0id=“otherimg”<\/span><\/li>\n
  21. \u00a0\u00a0\u00a0\u00a0value=“<?php\u00a0echo\u00a0$_GET[‘otherimg’];?>”<\/span>><\/li>\n
  22. <input\u00a0type=“hidden”<\/span>\u00a0id=“myid”<\/span>\u00a0value=“<?php\u00a0echo\u00a0$_GET[‘myid’];?>”<\/span>><\/li>\n
  23. <input\u00a0type=“hidden”<\/span>\u00a0id=“myname”<\/span><\/li>\n
  24. \u00a0\u00a0\u00a0\u00a0value=“<?php\u00a0echo\u00a0$_GET[‘myname’];?>”<\/span>><\/li>\n
  25. <\/li>\n
  26. <input\u00a0type=“hidden”<\/span>\u00a0id=“myimg”<\/span><\/li>\n
  27. \u00a0\u00a0\u00a0\u00a0value=“<?php\u00a0echo\u00a0$_GET[‘myimg’];?>”<\/span>><\/li>\n
  28. <!–\u00a0\u67e5\u8be2\u6570\u636e\u5e93\u00a0\u4e2d\u6240\u6709otherid\u7684\u53d1\u6765\u7684\u79bb\u7ebf\u804a\u5929\u5185\u5bb9–><\/li>\n
  29. <?php<\/li>\n
  30. $conn=mysql_connect(“192.168.1.100”<\/span>,“root”<\/span>,“”<\/span>)\u00a0or\u00a0die(‘\u8fde\u63a5\u5931\u8d25:’\u00a0.\u00a0mysql_error());<\/li>\n
  31. if<\/span>(!mysql_select_db(“strategy”<\/span>,$conn))<\/li>\n
  32. {echo\u00a0(‘\u6570\u636e\u5e93\u9009\u62e9\u5931\u8d25:’\u00a0.\u00a0mysql_error());}<\/li>\n
  33. mysql_query(“set\u00a0names\u00a0utf8”<\/span>);<\/li>\n
  34. $oid\u00a0=\u00a0$_GET[‘otherid’];<\/li>\n
  35. $mid\u00a0=\u00a0$_GET[‘myid’];<\/li>\n
  36. <\/li>\n
  37. \/\/\u5728\u804a\u5929\u7a97\u53e3\u4e2d\u5217\u51fa\u672a\u8bfb\u7684\u804a\u5929\u4fe1\u606f<\/span><\/li>\n
  38. $query\u00a0=\u00a0mysql_query(“select\u00a0*\u00a0from\u00a0gy_chatmessage\u00a0where\u00a0receiverid=$oid\u00a0and\u00a0senderid=$mid\u00a0and\u00a0isscan=2\u00a0order\u00a0by\u00a0id\u00a0asc”<\/span>);<\/li>\n
  39. <\/li>\n
  40. \/\/\u67e5\u770b\u662f\u5426\u6d4f\u89c8\u8fc7\uff0cisscan=1<\/span><\/li>\n
  41. $isscan\u00a0=\u00a0isset($_GET[‘isscan’])\u00a0?\u00a0intval($_GET[‘isscan’]):”<\/span>;<\/li>\n
  42. if<\/span>(!empty($isscan))<\/li>\n
  43. {<\/li>\n
  44. \u00a0\u00a0\u00a0\u00a0$q=\u00a0mysql_query(“update\u00a0gy_chatmessage\u00a0set\u00a0isscan=1\u00a0where\u00a0receiverid=$oid\u00a0and\u00a0senderid=$mid\u00a0“<\/span>);<\/li>\n
  45. }<\/li>\n
  46. ?><\/li>\n
  47. <!–html5\u00a0websocket\u00a0\u901a\u4fe1\u7a0b\u5e8f–><\/li>\n
  48. <script\u00a0type=“text\/javascript”<\/span>><\/li>\n
  49. <\/li>\n
  50. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0ws\u00a0=\u00a0null<\/span>;<\/li>\n
  51. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0s=”<\/span>;\u00a0var\u00a0i=0<\/span>;<\/li>\n
  52. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0name\u00a0=\u00a0document.getElementById(“myname”<\/span>).value;<\/li>\n
  53. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/var\u00a0myusername;<\/span><\/li>\n
  54. <\/li>\n
  55. <\/li>\n
  56. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function\u00a0startServer()\u00a0{<\/li>\n
  57. <\/li>\n
  58. <\/li>\n
  59. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0\u8bbe\u5b9aWebSocket,\u6ce8\u610f\u534f\u8bae\u662fws\uff0c\u8bf7\u6c42\u662f\u6307\u5411\u5bf9\u5e94\u7684WebSocketServlet\u7684<\/span><\/li>\n
  60. <\/li>\n
  61. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/var\u00a0url\u00a0=\u00a0“ws:\/\/192.168.1.101:8080\/websocket88\/websocket\/echoAnnotation”;<\/span><\/li>\n
  62. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/var\u00a0url\u00a0=\u00a0“ws:\/\/192.168.1.101:8080\/WebSocket\/servlet\/SocketServer”;<\/span><\/li>\n
  63. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/var\u00a0url\u00a0=\u00a0“ws:\/\/192.168.1.101:8080\/test123\/websocket\/echoAnnotation”;<\/span><\/li>\n
  64. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0url\u00a0=\u00a0“ws:\/\/192.168.1.109:8080\/GLServer\/websocket\/echoAnnotation”<\/span>;<\/li>\n
  65. <\/li>\n
  66. <\/li>\n
  67. <\/li>\n
  68. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0\u521b\u5efaWebSocket\u5b9e\u4f8b\uff0c\u4e0b\u9762\u90a3\u4e2aMozWebSocket\u662fFirefox\u7684\u5b9e\u73b0<\/span><\/li>\n
  69. <\/li>\n
  70. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if<\/span>\u00a0(‘WebSocket’\u00a0in\u00a0window)\u00a0{<\/li>\n
  71. <\/li>\n
  72. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ws\u00a0=\u00a0new<\/span>\u00a0WebSocket(url);<\/li>\n
  73. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/alert(“new\u00a0WebSocket”);<\/span><\/li>\n
  74. <\/li>\n
  75. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\u00a0else<\/span>\u00a0if<\/span>\u00a0(‘MozWebSocket’\u00a0in\u00a0window)\u00a0{<\/li>\n
  76. <\/li>\n
  77. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ws\u00a0=\u00a0new<\/span>\u00a0MozWebSocket(url);<\/li>\n
  78. <\/li>\n
  79. <\/li>\n
  80. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\u00a0else<\/span>\u00a0{<\/li>\n
  81. <\/li>\n
  82. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(‘\u60a8\u597d,\u60a8\u7684\u6d4f\u89c8\u5668\u7248\u672c\u8f83\u4f4e,\u6682\u4e0d\u652f\u6301websocket\uff0c\u65e0\u6cd5\u4f7f\u7528\u5728\u7ebf\u804a\u5929\u529f\u80fd\uff0c\u5efa\u8bae\u5347\u7ea7\u6216\u4f7f\u7528IE10\u3001chrome\u3001Firefox\u3001Opera\u3001Safari\u7b49\u4e3b\u6d41\u6d4f\u89c8\u5668’);<\/li>\n
  83. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0window.close();<\/li>\n
  84. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0false<\/span>;<\/li>\n
  85. <\/li>\n
  86. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/li>\n
  87. <\/li>\n
  88. <\/li>\n
  89. <\/li>\n
  90. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0WebSocket\u63e1\u624b\u5b8c\u6210\uff0c\u8fde\u63a5\u6210\u529f\u7684\u56de\u8c03<\/span><\/li>\n
  91. <\/li>\n
  92. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0\u6709\u4e2a\u7591\u95ee\uff0c\u6309\u7406\u8bf4new\u00a0WebSocket\u7684\u65f6\u5019\u5c31\u4f1a\u5f00\u59cb\u8fde\u63a5\u4e86\uff0c\u5982\u679c\u5728\u8bbe\u7f6eonopen\u4ee5\u524d\u8fde\u63a5\u6210\u529f\uff0c\u662f\u5426\u8fd8\u4f1a\u89e6\u53d1\u8fd9\u4e2a\u56de\u8c03<\/span><\/li>\n
  93. <\/li>\n
  94. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ws.onopen\u00a0=\u00a0function()\u00a0{<\/li>\n
  95. <\/li>\n
  96. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/alert(‘\u8fde\u63a5\u597d\u4e86’);<\/span><\/li>\n
  97. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(mytime()+’,\u60a8\u5df2\u7ecf\u548c\u5bf9\u65b9\u8fde\u63a5\u6210\u529f\uff0c\u70b9\u51fb\u786e\u5b9a\u540e\u5f00\u59cb\u548c\u5bf9\u65b9\u804a\u5929’);<\/li>\n
  98. <\/li>\n
  99. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0otherid\u00a0=\u00a0document.getElementById(“otherid”<\/span>).value;<\/li>\n
  100. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0othername\u00a0=\u00a0document.getElementById(“othername”<\/span>).value;<\/li>\n
  101. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0otherimg\u00a0=\u00a0document.getElementById(“otherimg”<\/span>).value;<\/li>\n
  102. <\/li>\n
  103. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0myid\u00a0=\u00a0document.getElementById(“myid”<\/span>).value;<\/li>\n
  104. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0myname\u00a0=\u00a0document.getElementById(“myname”<\/span>).value;<\/li>\n
  105. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0myimg\u00a0=\u00a0document.getElementById(“myimg”<\/span>).value;<\/li>\n
  106. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/alert(username);<\/span><\/li>\n
  107. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ws.send(myid+“#”<\/span>+myname+“#”<\/span>+myimg+“#”<\/span>+otherid+“#”<\/span>+othername+“#”<\/span>+otherimg);<\/li>\n
  108. <\/li>\n
  109. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/li>\n
  110. <\/li>\n
  111. <\/li>\n
  112. <\/li>\n
  113. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0\u6536\u5230\u670d\u52a1\u5668\u53d1\u9001\u7684\u6587\u672c\u6d88\u606f,\u00a0event.data\u8868\u793a\u6587\u672c\u5185\u5bb9<\/span><\/li>\n
  114. <\/li>\n
  115. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ws.onmessage\u00a0=\u00a0function(event)\u00a0{<\/li>\n
  116. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if<\/span>(!i==0<\/span>)<\/li>\n
  117. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{<\/li>\n
  118. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/var\u00a0i=”;<\/span><\/li>\n
  119. <\/li>\n
  120. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0i=\u00a0event.data;<\/span><\/li>\n
  121. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/i=i.fontcolor(#FF0033);<\/span><\/li>\n
  122. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/s\u00a0=\u00a0s\u00a0+event.data+'<br\/>’;<\/span><\/li>\n
  123. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/s\u00a0=\u00a0\u00a0s+i+'<br\/>’;<\/span><\/li>\n
  124. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0s\u00a0=\u00a0\u00a0s+'<span\u00a0style=“color:red;”<\/span>>’+event.data+'<\/span><br\/>’;<\/li>\n
  125. <\/li>\n
  126. <\/li>\n
  127. <\/li>\n
  128. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/alert(‘Receive\u00a0message:\u00a0‘\u00a0+\u00a0s);<\/span><\/li>\n
  129. <\/li>\n
  130. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.getElementById(“a”<\/span>).innerHTML=s;<\/li>\n
  131. <\/li>\n
  132. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}else<\/span>{<\/li>\n
  133. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0name=event.data;<\/span><\/li>\n
  134. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0i++;<\/li>\n
  135. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/li>\n
  136. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/li>\n
  137. <\/li>\n
  138. <\/li>\n
  139. <\/li>\n
  140. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0\u5173\u95edWebSocket\u7684\u56de\u8c03<\/span><\/li>\n
  141. <\/li>\n
  142. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ws.onclose\u00a0=\u00a0function()\u00a0{<\/li>\n
  143. <\/li>\n
  144. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/alert(‘\u670d\u52a1\u5668\u65ad\u7ebf\uff0c\u672c\u6b21\u804a\u5929\u88ab\u7ec8\u6b62!’);\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/li>\n
  145. <\/li>\n
  146. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/li>\n
  147. <\/li>\n
  148. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/li>\n
  149. <\/li>\n
  150. <\/li>\n
  151. <\/li>\n
  152. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function\u00a0sendMyMessage()\u00a0{<\/li>\n
  153. <\/li>\n
  154. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u5224\u65ad\u8f93\u5165\u7684\u5185\u5bb9\u662f\u5426\u4e3a\u7a7a<\/span><\/li>\n
  155. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0textMessage\u00a0=\u00a0document.getElementById(‘textMessage’).value;<\/li>\n
  156. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if<\/span>(textMessage==”<\/span>)<\/li>\n
  157. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{<\/li>\n
  158. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(‘\u53d1\u9001\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a\u54e6’);<\/li>\n
  159. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0false<\/span>;<\/li>\n
  160. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/li>\n
  161. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Date.prototype.format\u00a0=\u00a0function(format){<\/li>\n
  162. var\u00a0o\u00a0=\u00a0{<\/li>\n
  163. “M+”<\/span>\u00a0:\u00a0this<\/span>.getMonth()+1<\/span>,\u00a0\/\/month\u00a0<\/span><\/li>\n
  164. “d+”<\/span>\u00a0:\u00a0this<\/span>.getDate(),\u00a0\/\/day\u00a0<\/span><\/li>\n
  165. “h+”<\/span>\u00a0:\u00a0this<\/span>.getHours(),\u00a0\/\/hour\u00a0<\/span><\/li>\n
  166. “m+”<\/span>\u00a0:\u00a0this<\/span>.getMinutes(),\u00a0\/\/minute\u00a0<\/span><\/li>\n
  167. “s+”<\/span>\u00a0:\u00a0this<\/span>.getSeconds(),\u00a0\/\/second\u00a0<\/span><\/li>\n
  168. “q+”<\/span>\u00a0:\u00a0Math.floor((this<\/span>.getMonth()+3<\/span>)\/3<\/span>),\u00a0\/\/quarter\u00a0<\/span><\/li>\n
  169. “S”<\/span>\u00a0:\u00a0this<\/span>.getMilliseconds()\u00a0\/\/millisecond\u00a0<\/span><\/li>\n
  170. }<\/li>\n
  171. <\/li>\n
  172. if<\/span>(\/(y+)\/.test(format))\u00a0{<\/li>\n
  173. format\u00a0=\u00a0format.replace(RegExp.$1<\/span>,\u00a0(this<\/span>.getFullYear()+“”<\/span>).substr(4<\/span>\u00a0–\u00a0RegExp.$1<\/span>.length));<\/li>\n
  174. }<\/li>\n
  175. <\/li>\n
  176. for<\/span>(var\u00a0k\u00a0in\u00a0o)\u00a0{<\/li>\n
  177. if<\/span>(new<\/span>\u00a0RegExp(“(“<\/span>+\u00a0k\u00a0+“)”<\/span>).test(format))\u00a0{<\/li>\n
  178. format\u00a0=\u00a0format.replace(RegExp.$1<\/span>,\u00a0RegExp.$1<\/span>.length==1<\/span>\u00a0?\u00a0o[k]\u00a0:\u00a0(“00”<\/span>+\u00a0o[k]).substr((“”<\/span>+\u00a0o[k]).length));<\/li>\n
  179. }<\/li>\n
  180. }<\/li>\n
  181. return<\/span>\u00a0format;<\/li>\n
  182. }<\/li>\n
  183. var\u00a0now\u00a0=\u00a0new<\/span>\u00a0Date();<\/li>\n
  184. var\u00a0t\u00a0=\u00a0now.format(“yyyy-MM-dd\u00a0hh:mm:ss”<\/span>);<\/li>\n
  185. \/\/alert(t);<\/span><\/li>\n
  186. <\/li>\n
  187. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0textMessage\u00a0=\u00a0name+’&nbsp;’+t+'<br\/>’+’&nbsp;&nbsp;’+textMessage<\/li>\n
  188. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/alert(textMessage);\u00a0\u00a0\u00a0<\/span><\/li>\n
  189. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0s\u00a0=\u00a0\u00a0s\u00a0+\u00a0textMessage+'<br\/>’;<\/li>\n
  190. <\/li>\n
  191. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.getElementById(“a”<\/span>).innerHTML=s;<\/li>\n
  192. <\/li>\n
  193. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if<\/span>(ws\u00a0!=\u00a0null<\/span>\u00a0&&\u00a0textMessage\u00a0!=\u00a0”<\/span>)\u00a0{<\/li>\n
  194. <\/li>\n
  195. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u00a0\u901a\u8fc7WebSocket\u60f3\u5411\u670d\u52a1\u5668\u53d1\u9001\u4e00\u4e2a\u6587\u672c\u4fe1\u606f<\/span><\/li>\n
  196. <\/li>\n
  197. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ws.send(textMessage);<\/li>\n
  198. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6e05\u7a7a\u5f53\u524dtextarea\u57df\u7684\u5185\u5bb9<\/span><\/li>\n
  199. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.getElementById(“textMessage”<\/span>).value=”<\/span>;<\/li>\n
  200. <\/li>\n
  201. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/li>\n
  202. <\/li>\n
  203. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/li>\n
  204. <\/li>\n
  205. <\/li>\n
  206. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/script><\/li>\n
  207. <\/head><\/li>\n
  208. <body\u00a0onLoad=“startServer()”<\/span>><\/li>\n
  209. <div\u00a0id=“header”<\/span><\/li>\n
  210. \u00a0\u00a0\u00a0\u00a0style=“width:\u00a0100%;\u00a0height:\u00a030px;\u00a0border:\u00a01px\u00a0solid\u00a0#ccc;\u00a0background:\u00a0#FF6600;\u00a0color:\u00a0red”<\/span>><span<\/li>\n
  211. \u00a0\u00a0\u00a0\u00a0style=“color:\u00a0#0066FF;\u00a0margin-left:\u00a010px;\u00a0line-height:\u00a030px;”<\/span>>\u7f51\u7ad9webim\u5728\u7ebf\u804a\u5929<\/span><\/div><\/li>\n
  212. <p\u00a0id=“a”<\/span>\u00a0style=“height:\u00a0320px;\u00a0width:\u00a0690px;\u00a0border:\u00a01px\u00a0solid\u00a0#d2d2d2;\u00a0overflow-y:\u00a0scroll;”<\/span>><\/li>\n
  213. <span\u00a0style=“color:\u00a0#0066FF;\u00a0margin:10px;\u00a0margin-bottom:0px;\u00a0display:block”<\/span>>\u6b22\u8fce\u4f7f\u7528\u7f51\u7ad9\u5728\u7ebf\u804a\u5929\u7cfb\u7edf,\u5982\u679c\u5bf9\u65b9\u4e0d\u5728\u7ebf\uff0c\u60a8\u53ef\u4ee5\u7ed9\u4ed6\u7559\u8a00\u3002<\/span><br\/><\/li>\n
  214. <?php<\/li>\n
  215. while<\/span>($row\u00a0=\u00a0mysql_fetch_array($query))<\/li>\n
  216. {<\/li>\n
  217. \/\/print_r($row);<\/span><\/li>\n
  218. echo\u00a0‘&nbsp;&nbsp’.$row[‘receiver’];<\/li>\n
  219. echo\u00a0‘&nbsp;&nbsp’.$row[‘createtime’];<\/li>\n
  220. echo\u00a0‘<br>’;<\/li>\n
  221. echo\u00a0‘<br\/>‘.’<\/span>&nbsp;&nbsp’;<\/li>\n
  222. echo\u00a0$row[‘content’];<\/li>\n
  223. echo\u00a0‘<br\/><br\/>’;<\/li>\n
  224. }<\/li>\n
  225. ?><\/li>\n
  226. <\/p><\/li>\n
  227. <div\u00a0id=“mid_mid”<\/span>><span\u00a0style=“font-size:12px;\u00a0color:#FF9900”<\/span>>\u8bf7\u5728\u4e0b\u9762\u6587\u672c\u6846\u91cc\u8f93\u5165\u4f60\u60f3\u8981\u804a\u5929\u7684\u5185\u5bb9,\u7981\u6b62\u8f93\u5165#\u7b49\u65e0\u610f\u4e49\u7684\u5b57\u7b26\u548c\u8fdd\u6cd5\u4fe1\u606f<\/span><\/div><\/li>\n
  228. <\/li>\n
  229. <div\u00a0class<\/span>=“webim-body-content-textarea”<\/span>><\/li>\n
  230. <input\u00a0id=“textMessage”<\/span><\/li>\n
  231. \u00a0\u00a0\u00a0\u00a0size=“60”<\/span>\u00a0name=“ca”<\/span>\u00a0class<\/span>=“webim-textarea”<\/span>\u00a0value=“”<\/span><\/li>\n
  232. \u00a0\u00a0\u00a0\u00a0onKeyDown1=“javascript:butonclick();”<\/span>\u00a0onFocus=“clear()”<\/span>\u00a0cols=“”<\/span>\u00a0rows=“”<\/span>\u00a0\/><\/li>\n
  233. <!–\u8bf7\u5728\u4e0b\u9762\u6587\u672c\u6846\u91cc\u8f93\u5165\u4f60\u60f3\u8981\u804a\u5929\u7684\u5185\u5bb9,\u7981\u6b62\u8f93\u5165#\u7b49\u65e0\u610f\u4e49\u7684\u5b57\u7b26\u548c\u8fdd\u6cd5\u4fe1\u606f\u3002–><\/li>\n
  234. <\/li>\n
  235. <\/div><\/li>\n
  236. <div\u00a0class<\/span>=“webim-body-comtent-footer”<\/span>><\/li>\n
  237. <button\u00a0class<\/span>=“webim-body-comtent-submit”<\/span>\u00a0onClick=“custom_colse()”<\/span>>\u5173\u95ed<\/button><\/li>\n
  238. <button\u00a0class<\/span>=“webim-body-comtent-submit”<\/span>\u00a0id=“do”<\/span><\/li>\n
  239. \u00a0\u00a0\u00a0\u00a0onClick=“sendMyMessage()”<\/span>>\u53d1\u9001<\/button><\/li>\n
  240. <a\u00a0target=“_blank”<\/span>\u00a0href=“#”<\/span>><!–\u60a8\u53ef\u4ee5\u76f4\u63a5\u6309enter\u952e\u53d1\u9001\u5185\u5bb9&nbsp;&nbsp;–>webim\u5728\u7ebf\u804a\u5929&gt;&gt;<\/a><\/li>\n
  241. <div\u00a0id=“imjs-empty-tip”<\/span>\u00a0class<\/span>=“webim-body-footer-tips”<\/span><\/li>\n
  242. \u00a0\u00a0\u00a0\u00a0style=“display:\u00a0none”<\/span>><s>&nbsp;<\/s>\u53d1\u9001\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a\u54e6<\/div><\/li>\n
  243. <div\u00a0id=“imjs-selectuser-tip”<\/span>\u00a0class<\/span>=“webim-body-footer-tips”<\/span><\/li>\n
  244. \u00a0\u00a0\u00a0\u00a0style=“display:\u00a0none”<\/span>><s>&nbsp;<\/s>\u8bf7\u60a8\u9009\u62e9\u7528\u6237\u54e6<\/div><\/li>\n
  245. <\/div><\/li>\n
  246. <\/li>\n
  247. <style\u00a0type=“text\/css”<\/span>><\/li>\n
  248. #mid_mid\u00a0{<\/li>\n
  249. \u00a0\u00a0\u00a0\u00a0position:\u00a0relative;<\/li>\n
  250. \u00a0\u00a0\u00a0\u00a0background:\u00a0#f3f3f3;<\/li>\n
  251. \u00a0\u00a0\u00a0\u00a0height:\u00a014px;<\/li>\n
  252. \u00a0\u00a0\u00a0\u00a0line-height:\u00a014px;<\/li>\n
  253. \u00a0\u00a0\u00a0\u00a0padding:\u00a06px\u00a00<\/span>\u00a06px\u00a00px;<\/li>\n
  254. \u00a0\u00a0\u00a0\u00a0width:\u00a0690px;<\/li>\n
  255. }<\/li>\n
  256. <\/li>\n
  257. textarea\u00a0{<\/li>\n
  258. \u00a0\u00a0\u00a0\u00a0width:\u00a0400px;<\/li>\n
  259. \u00a0\u00a0\u00a0\u00a0height:\u00a066px;<\/li>\n
  260. }<\/li>\n
  261. <\/li>\n
  262. .webim-body-content-textarea\u00a0.webim-textarea\u00a0{<\/li>\n
  263. \u00a0\u00a0\u00a0\u00a0padding:\u00a00px;<\/li>\n
  264. \u00a0\u00a0\u00a0\u00a0resize:\u00a0none;<\/li>\n
  265. \u00a0\u00a0\u00a0\u00a0width:\u00a0690px;<\/li>\n
  266. \u00a0\u00a0\u00a0\u00a0height:\u00a050px;<\/li>\n
  267. \u00a0\u00a0\u00a0\u00a0border:\u00a00<\/span>;<\/li>\n
  268. \u00a0\u00a0\u00a0\u00a0font-size:\u00a012px;<\/li>\n
  269. \u00a0\u00a0\u00a0\u00a0overflow-y:\u00a0auto;<\/li>\n
  270. \u00a0\u00a0\u00a0\u00a0border:\u00a01px\u00a0solid\u00a0#d2d2d2;<\/li>\n
  271. }<\/li>\n
  272. <\/li>\n
  273. .webim-body-comtent-footer\u00a0{<\/li>\n
  274. \u00a0\u00a0\u00a0\u00a0position:\u00a0relative;<\/li>\n
  275. \u00a0\u00a0\u00a0\u00a0height:\u00a038px;<\/li>\n
  276. \u00a0\u00a0\u00a0\u00a0line-height:\u00a028px;<\/li>\n
  277. \u00a0\u00a0\u00a0\u00a0background:\u00a0#f3f3f3;<\/li>\n
  278. \u00a0\u00a0\u00a0\u00a0border:\u00a01px\u00a0solid\u00a0#d2d2d2;<\/li>\n
  279. \u00a0\u00a0\u00a0\u00a0border-left:\u00a00<\/span>;<\/li>\n
  280. \u00a0\u00a0\u00a0\u00a0border-right:\u00a00<\/span>;<\/li>\n
  281. \u00a0\u00a0\u00a0\u00a0width:\u00a0690px;<\/li>\n
  282. }<\/li>\n
  283. <\/li>\n
  284. .webim-body-comtent-footer\u00a0a\u00a0{<\/li>\n
  285. \u00a0\u00a0\u00a0\u00a0text-decoration:\u00a0none;<\/li>\n
  286. \u00a0\u00a0\u00a0\u00a0font-size:\u00a012px;<\/li>\n
  287. }<\/li>\n
  288. <\/li>\n
  289. .webim-body-comtent-submit\u00a0{<\/li>\n
  290. \u00a0\u00a0\u00a0\u00a0cursor:\u00a0pointer;<\/li>\n
  291. \u00a0\u00a0\u00a0\u00a0float<\/span>:\u00a0right;<\/li>\n
  292. \u00a0\u00a0\u00a0\u00a0margin:\u00a02px\u00a00<\/span>;<\/li>\n
  293. \u00a0\u00a0\u00a0\u00a0margin-left:\u00a05px;<\/li>\n
  294. \u00a0\u00a0\u00a0\u00a0width:\u00a080px;<\/li>\n
  295. \u00a0\u00a0\u00a0\u00a0display:\u00a0block;<\/li>\n
  296. \u00a0\u00a0\u00a0\u00a0background:\u00a0#fd9603;<\/li>\n
  297. \u00a0\u00a0\u00a0\u00a0color:\u00a0#fff;<\/li>\n
  298. \u00a0\u00a0\u00a0\u00a0height:\u00a032px;<\/li>\n
  299. \u00a0\u00a0\u00a0\u00a0line-height:\u00a031px;<\/li>\n
  300. \u00a0\u00a0\u00a0\u00a0text-align:\u00a0center;<\/li>\n
  301. }<\/li>\n
  302. <\/style><\/li>\n
  303. <script><\/li>\n
  304. function\u00a0butonclick()<\/li>\n
  305. {<\/li>\n
  306. <\/li>\n
  307. <\/li>\n
  308. \u00a0\u00a0\u00a0\u00a0\/\/\u70b9\u51fbenter\u952e\u53ef\u4ee5\u76f4\u63a5\u53d1\u9001\u4fe1\u606f\u7684\u529f\u80fd<\/span><\/li>\n
  309. \u00a0\u00a0\u00a0\u00a0if<\/span>(event.keyCode\u00a0==\u00a013<\/span>)<\/li>\n
  310. \u00a0\u00a0\u00a0\u00a0{<\/li>\n
  311. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u5224\u65ad\u8f93\u5165\u7684\u5185\u5bb9\u662f\u5426\u4e3a\u7a7a<\/span><\/li>\n
  312. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0textMessage\u00a0=\u00a0document.getElementById(‘textMessage’).value;<\/li>\n
  313. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if<\/span>(textMessage==”<\/span>)<\/li>\n
  314. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{<\/li>\n
  315. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(‘\u60a8\u8fd8\u6ca1\u6709\u8f93\u5165\u5185\u5bb9\u54e6’);<\/li>\n
  316. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>;<\/li>\n
  317. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/li>\n
  318. <\/li>\n
  319. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u5224\u65ad\u662f\u4e0d\u662f\u901a\u8fc7enter\u56de\u8f66\u952e\u63d0\u4ea4<\/span><\/li>\n
  320. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var\u00a0button\u00a0=\u00a0document.getElementById(“do”<\/span>);<\/li>\n
  321. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0button.click();<\/li>\n
  322. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6e05\u7a7a\u5f53\u524dtextarea\u57df\u7684\u5185\u5bb9<\/span><\/li>\n
  323. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.getElementById(“textMessage”<\/span>).value==”<\/span>;<\/li>\n
  324. <\/li>\n
  325. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0false<\/span>;<\/li>\n
  326. \u00a0\u00a0\u00a0\u00a0}<\/li>\n
  327. }<\/li>\n
  328. <\/li>\n
  329. \u00a0\u00a0\u00a0\u00a0var\u00a0a=\u00a0document.getElementById(“textMessage”<\/span>);<\/li>\n
  330. <\/li>\n
  331. function\u00a0clear()<\/li>\n
  332. {<\/li>\n
  333. \u00a0\u00a0\u00a0\u00a0if<\/span>(a.value==’\u8bf7\u5728\u4e0b\u9762\u6587\u672c\u6846\u91cc\u8f93\u5165\u4f60\u60f3\u8981\u804a\u5929\u7684\u5185\u5bb9,\u7981\u6b62\u8f93\u5165#\u7b49\u65e0\u610f\u4e49\u7684\u5b57\u7b26\u548c\u8fdd\u6cd5\u4fe1\u606f’)<\/li>\n
  334. \u00a0\u00a0\u00a0\u00a0{<\/li>\n
  335. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0a.value=”<\/span>;<\/li>\n
  336. \u00a0\u00a0\u00a0\u00a0}<\/li>\n
  337. <\/li>\n
  338. }<\/li>\n
  339. <\/li>\n
  340. \u00a0\/\/\u65f6\u95f4<\/span><\/li>\n
  341. function\u00a0mytime(){<\/li>\n
  342. \u00a0\u00a0\u00a0var\u00a0now=(new<\/span>\u00a0Date()).getHours();<\/li>\n
  343. \u00a0\u00a0\u00a0\u00a0if<\/span>(now>0<\/span>&&now<=6<\/span>)<\/li>\n
  344. \u00a0\u00a0\u00a0\u00a0{<\/li>\n
  345. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0“\u5348\u591c\u597d”<\/span>;<\/li>\n
  346. \u00a0\u00a0\u00a0\u00a0}else<\/span>\u00a0if<\/span>(now>6<\/span>&&now<=11<\/span>){<\/li>\n
  347. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0\u00a0“\u65e9\u4e0a\u597d”<\/span>;<\/li>\n
  348. \u00a0\u00a0\u00a0\u00a0}else<\/span>\u00a0if<\/span>(now>11<\/span>&&now<=14<\/span>){<\/li>\n
  349. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0“\u4e2d\u5348\u597d”<\/span>;<\/li>\n
  350. \u00a0\u00a0\u00a0\u00a0}else<\/span>\u00a0if<\/span>(now>14<\/span>&&now<=18<\/span>){<\/li>\n
  351. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0“\u4e0b\u5348\u597d”<\/span>;<\/li>\n
  352. \u00a0\u00a0\u00a0}else<\/span>{<\/li>\n
  353. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0“\u665a\u4e0a\u597d”<\/span>;<\/li>\n
  354. \u00a0\u00a0\u00a0}<\/li>\n
  355. }<\/li>\n
  356. <\/li>\n
  357. \/\/\u66ff\u6362\u6240\u6709\u7684\u56de\u8f66\u6362\u884c\u00a0\u00a0\u00a0<\/span><\/li>\n
  358. function\u00a0trim2(content)<\/li>\n
  359. {<\/li>\n
  360. \u00a0\u00a0\u00a0\u00a0var\u00a0string\u00a0=\u00a0content;<\/li>\n
  361. \u00a0\u00a0\u00a0\u00a0try<\/span>{<\/li>\n
  362. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0string=string.replace(\/\\r\\n\/g,“<br\u00a0\/>”<\/span>)<\/li>\n
  363. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0string=string.replace(\/\\n\/g,“<br\u00a0\/>”<\/span>);<\/li>\n
  364. \u00a0\u00a0\u00a0\u00a0}catch<\/span>(e)\u00a0{<\/li>\n
  365. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(e.message);<\/li>\n
  366. \u00a0\u00a0\u00a0\u00a0}<\/li>\n
  367. \u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0string;<\/li>\n
  368. }<\/li>\n
  369. \/\/\u66ff\u6362\u6240\u6709\u7684\u7a7a\u683c<\/span><\/li>\n
  370. function\u00a0trim(content)<\/li>\n
  371. {<\/li>\n
  372. \u00a0\u00a0\u00a0\u00a0var\u00a0string\u00a0=\u00a0content;<\/li>\n
  373. \u00a0\u00a0\u00a0\u00a0try<\/span>{<\/li>\n
  374. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0string=string.replace(\/\u00a0\/g,“&nbsp;”<\/span>)<\/li>\n
  375. \u00a0\u00a0\u00a0\u00a0}catch<\/span>(e)\u00a0{<\/li>\n
  376. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alert(e.message);<\/li>\n
  377. \u00a0\u00a0\u00a0\u00a0}<\/li>\n
  378. \u00a0\u00a0\u00a0\u00a0return<\/span>\u00a0string;<\/li>\n
  379. }<\/li>\n
  380. <\/li>\n
  381. \/\/\u79bb\u5f00\u5f53\u524d\u9875\u9762\u65f6js\u63d0\u793a\u5173\u95ed<\/span><\/li>\n
  382. <\/li>\n
  383. \u00a0function\u00a0custom_colse()<\/li>\n
  384. \u00a0{<\/li>\n
  385. \u00a0\u00a0\u00a0\u00a0if<\/span>(confirm(“\u60a8\u5373\u5c06\u79bb\u5f00\u672c\u9875\u9762\uff0c\u79bb\u5f00\u540e\u65e0\u6cd5\u7ee7\u7eed\u4e0e\u5bf9\u65b9\u804a\u5929\uff0c\u786e\u5b9a\u8981\u7ec8\u6b62\u672c\u6b21\u804a\u5929\u5417?”<\/span>))<\/li>\n
  386. \u00a0\u00a0\u00a0\u00a0{<\/li>\n
  387. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0window.opener=null<\/span>;<\/li>\n
  388. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0window.open(”<\/span>,’_self’);<\/li>\n
  389. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0window.close();<\/li>\n
  390. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ws.send(“disconnection”<\/span>);<\/li>\n
  391. \u00a0\u00a0\u00a0\u00a0}else<\/span>{}<\/li>\n
  392. \u00a0}<\/li>\n
  393. <\/script><\/li>\n
  394. <\/li>\n
  395. <\/body><\/li>\n
  396. <\/li>\n
  397. <\/html><\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    \u5728\u4f20\u7edf\u7684\u7f51\u9875\u5b9e\u73b0\u804a\u5929\u5ba4\u7684\u65b9\u6cd5\u662f\u901a\u8fc7\u6bcf\u9694\u4e00\u6bb5\u65f6\u95f4\u8bf7\u6c42\u670d\u52a1\u5668\u83b7\u53d6\u76f8\u5173\u804a\u5929\u4fe1\u606f\u6765\u5b9e\u73b0\uff0c\u7136\u800chtml5\u5e26\u6765\u7684websocket\u529f\u80fd\u6539\u53d8\u8fd9\u4e86\u8fd9\u79cd\u65b9\u5f0f\uff0e\u7531\u4e8ewebsocke… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[54],"tags":[133,187,188],"_links":{"self":[{"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/posts\/3524"}],"collection":[{"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/comments?post=3524"}],"version-history":[{"count":0,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/posts\/3524\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/media?parent=3524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/categories?post=3524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/tags?post=3524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}