欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

Html5 worker 实例(一) 为什么测试不到结果

发布时间:2016-11-27  编辑:杨雨个人博客网站   点击:   

许多人在测试worker api的时辰,老是会呈现非常,基础测试不到结果。
在行使worker的时辰有个必需留意的处所,就是纯真的文本文件是实现不了worker的,你写的现实代码 必需陈设随处事器(tomcat.jBoss等)才气运行worker api。
下面写个简朴例子

js代码test.js(worker)


代码如下:
function messageHandler(e) {
postMessage("worker says: " + e.data + " too");
}
addEventListener("message", messageHandler, true);
postMessage("2222222222");

Html代码 index.Html


代码如下:
<!DOCTYPE Html>
<Html>
<head>
<title>index.Html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/Html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/Css" href="./styles.Css">-->
</head>
<body>
<script type="text/javascript">
if(typeof(Worker)!=="undefined"){
console.log("zhichi worke");
}else{
console.log("no support!");
}
function messageHandler(e){
console.log(e.data);
}
function errorHandler(e){
console.log(e.message, e);
}
var myWorker = new Worker("task.js");
myWorker.addEventListener("message", messageHandler, true);
myWorker.addEventListener("error", errorHandler, true);
myWorker.postMessage("1 fangsong d");
</script>
</body>
</Html>

不是之后直接会见index.Html页面,然后在赏识器的console面板中将看到worker发送的字符串(现实应用中一样平常行使json传送)。 本文地址:http://itbyc.com/web/html5/13552.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1