html5 worker 實例(一) 為什么測試不到效果
來源:易賢網(wǎng) 閱讀:1172 次 日期:2016-07-13 14:35:55
溫馨提示:易賢網(wǎng)小編為您整理了“html5 worker 實例(一) 為什么測試不到效果”,方便廣大網(wǎng)友查閱!

很多人在測試worker api的時候,總是會出現(xiàn)異常,根本測試不到效果。

在使用worker的時候有個必須注意的地方,就是單純的文本文件是實現(xiàn)不了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發(fā)送的字符串(實際應用中一般使用json傳送)。

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:html5 worker 實例(一) 為什么測試不到效果
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網(wǎng)