站長資訊網
        最全最豐富的資訊網站

        HTML5-Web Worker APIs的代碼詳解

        1.概述
        HTML5 Web Worker可以使Javascript程序在后臺單線程執行大量耗時的計算任務。Web Worker在執行時不能直接訪問DOM。Web Worker也會消耗CPU和系統資源。Web Worker與頁面間的通信可以通過Web Worker的方法postMessage和message事件。

        2.瀏覽器支持檢測

         function loadDemo()      {           if   (typeof(Worker) !== "undefined")         {              document  .getElementById("support").innerHTML =                "Excellent! Your browser supports HTML5 Web Workers";         }      }

        3.worker對象
        worker對象是window對象的子對象,它有下面幾個方法:
        ?Worker(jsFile_URL):構造函數,參數是一個用于執行Web Worker任務的JavaScript文件的URL地址,可以是相對或絕對地址。可以遞歸建立worker。在頁面調用。
        ?terminate():終止worker,終止后不能再重用,只能重建。
        在頁面調用。
        ?close():終止worker,在Worker內調用。
        ?importScripts(jsFile_1_URL, jsFile_2_URL, … ):異步地向一個已存在的worker導入JavaScript文件,JavaScript的按照參數的順序執行。在Worker腳本內部調用。
        ?postMessage(msg):創建werker的頁面與worker之間通信的方法,例如:

            // -------------由頁面向worker  發送消息  ------------------        document.getElementById("helloButton").  onclick   = function() {            worker.postMessage("Here's a message   for   you");         }        // -------------頁面接收來自worker的消息----------------              worker.addEvent  List  ener("message", messageHan  dl  er, true);         function messageHandler(e) {            // process message from worker         }         // -------------JavaScript  文件處理  來自頁面的消息----------------        addEventListener("message", messageHandler, true);        function messageHandler(e) {            postMessage("worker says: " + e.data + " too");         }

        4.錯誤處理

         // -------------在頁面處理來自worker的消息----------------     worker.addEventListener("error", errorHandler, true);     function errorHandler(e) {         console.log(e.message, e);      }

        5.使用定時器
        盡管worker不能直接訪問DOM中的對象,但可以完全使用window對象中與時間有關的方法和屬性,也可以使用部分其他屬性。如:

          var t =   set  Time  out(postMessage, 2000, "delayed message");

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 国产精品日本一区二区在线播放 | 老司机亚洲精品影院无码| 久久99精品国产99久久6男男| 中日精品无码一本二本三本| 91不卡在线精品国产| 国产精品免费一区二区三区四区| 亚洲精品NV久久久久久久久久| 国产精品v欧美精品v日本精| 四虎影视国产精品永久在线| japanese乱人伦精品| 亚洲AV无码精品色午夜在线观看| 国产欧美日韩综合精品一区二区三区| 国产精品久久影院| 久久99精品久久久久久hb无码| 中文成人无字幕乱码精品区| 久久久人妻精品无码一区| 国产精品久久久天天影视香蕉| 欧美日韩精品一区二区三区| 99爱在线精品免费观看| 久久精品aⅴ无码中文字字幕不卡| 亚洲精品乱码久久久久66| 欧美日韩国产中文精品字幕自在自线 | 久久Av无码精品人妻系列| 亚洲线精品一区二区三区影音先锋| 国产亚洲精品无码拍拍拍色欲| 影视网欧洲精品| 亚洲欧美日韩精品永久在线| 四虎影视国产精品亚洲精品hd| 久久国产精品-久久精品| 久久久久免费精品国产| 中国精品videossex中国高清| 久久九九有精品国产23百花影院| 国产一成人精品福利网站| 久久99精品国产一区二区三区| 国产在线精品一区二区不卡| 久久久久国产精品| 成人国产精品一区二区视频| 国产精品视频一区二区三区不卡| 国产精品成人国产乱一区| 国产精品 猎奇 另类视频| 久久精品二区|