简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

html5 worker 实例(一) 为什么测试不到效果

来源:易贤网   阅读:1231 次  日期:2016-07-13 14:35:55

温馨提示:易贤网小编为您整理了“html5 worker 实例(一) 为什么测试不到效果”,方便广大网友查阅!

很多人在测试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传送)。

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:html5 worker 实例(二) 图片变换效果
下一篇:HTML5的表单(绝对特别强大的功能)使用示例
易贤网手机网站地址:html5 worker 实例(一) 为什么测试不到效果
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!