名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。
- 本篇文章的具体介绍如下
在使用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传送)。
关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,html5,worker网页hTML5教程的表单(绝对特别强大的功能)使用示例