首頁 > web前端 > html教學 > html5 worker 實例(一) 為什麼測試不到效果

html5 worker 實例(一) 為什麼測試不到效果

黄舟
發布: 2016-12-20 14:57:43
原創
1533 人瀏覽過

很多人在測試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>
登入後複製

 以上就是html5 worker 實例(一) 為什麼測試不到效果的內容,更多相關內容請注意PHP中文網(m.sbmmt.com)! 


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板