<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var wsServer = 'ws://localhost:9999/webSocket.ashx'//基于.NET4.5服务器地址
//var wsServer = 'ws://localhost:1818'//基于.NET服务器地址
var websocket = new WebSocket(wsServer)//创建WebSocket对象
//websocket.send("hello")//向服务器发送消息
//alert(websocket.readyState)//查看websocket当前状态
websocket.onopen = function (evt) {
//已经建立连接
alert("已经建立连接")
}
websocket.onclose = function (evt) {
//已经关闭连接
alert("已经关闭连接")
}
websocket.onmessage = function (evt) {
//收到服务器消息，使用evt.data提取
evt.stopPropagation()
evt.preventDefault()
//alert(evt.data)
writeToScreen(evt.data)
//websocket.close()
}
websocket.onerror = function (evt) {
//产生异常
//alert(evt.message)
writeToScreen(evt.message)
}
function sendMsg() {
if (websocket.readyState == websocket.OPEN) {
msg = document.getElementById("msg").value
websocket.send(msg)
writeToScreen("发送成功!")
} else {
writeToScreen("连接失败!")
}
}
function writeToScreen(message) {
var pre = document.createElement("p")
pre.style.wordWrap = "break-word"
pre.innerHTML += message
output.appendChild(pre)
}
</script>
</head>
<body>
<div>
<input type="text" id="msg" value="beyond is number one!" />
<button onclick="sendMsg()">send</button>
</div>
<div id="output"></div>
</body>
</html>
H5edu实训html5开发解答
1、Initializr
Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。
2、HTML5 visual cheat sheet
HTML5 visual cheat sheet是一个非常酷的速查手册，每个Web开发人员的必备神器，可以帮助大家快速超找一个标签或者属性。
3、Cross browser HTML5 forms HTML5中的日历，取色板，滑块部件等都是非常棒工具，但是有些浏览器不支持。Cross browser HTML5 forms还可以帮助你构建完美的HTML5表单兼容方案。
4、HTML5demos
HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持，比如说你的浏览器是否支持HTML5 Canvas？Safari是否可以运行简单的HTML5聊天客户端等问题。
5、DreamWeaver
网页制作软件，该软件已成为专业级网页制作程序，支持HTML，CSS，PHP，JSP和ASP等多种脚本语言着色显示，同时提供模板应用功能，支持一键式生成网页框架功能。它是初学者或专业级网站开发人员必备的选择工具。
