文章分类 Classification
HTML 5 Web Workers
稿件来源: 互联网 撰稿作者: 太阳光 发表日期: 2013-10-07 阅读次数: 59 查看权限: 游客查看
web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。
<p>Count numbers: <output id="result"></output> </p> <button onclick="startWorker()">Start Worker</button> <button onclick="stopWorker()">Stop Worker</button> <script> var w; function startWorker() { if (typeof(Worker) !== "undefined") { //在创建 web worker 之前,请检测用户的浏览器是否支持它 if (typeof(w) == "undefined") { w = new Worker("demo_workers.js"); //js文件提供一个postMessage(信息)方法 - 它用于向 HTML 页面传回消息 } w.onmessage = function (event) { //向 web worker 添加一个 "onmessage" 事件监听器 document.getElementById("result").innerHTML = event.data; }; } else { document.getElementById("result").innerHTML = "你的浏览器不支持workers"; } } function stopWorker() { w.terminate(); } </script>
关键词: html5,workers 编辑时间: 2013-10-07 9:55:28
0
高兴0
支持0
搞笑0
不解0
谎言0
枪稿0
震惊0
无奈0
无聊0
反对0
愤怒
0%(0)
0%(0)
- 中搜索:HTML 5 Web Workers
- 中搜索:HTML 5 Web Workers
- 暂无评论
文章图片 article Pictrue
网友评论