怎么檢測瀏覽器是否支持WebWorker

本篇內容介紹了“怎么檢測瀏覽器是否支持WebWorker”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

    檢測瀏覽器是否支持WebWorker

    在創建webworker之前，請檢測用戶的瀏覽器是否支持它：

if(typeof(Worker)!=="undefined")

{

    // 是的! Web worker 支持!

    // 一些代碼.....

}

else

{

    //抱歉! Web Worker 不支持

}

    創建webworker文件

    現在，讓我們在一個外部JavaScript中創建我們的webworker。

    在這里，我們創建了計數腳本。該腳本存儲于"demo_workers.js"文件中：

var i=0;

function timedCount()

{

    i=i+1;

    postMessage(i);

    setTimeout("timedCount()",500);

}

timedCount();

    以上代碼中重要的部分是postMessage()方法-它用于向HTML頁面傳回一段消息。

    注意:webworker通常不用于如此簡單的腳本，而是用于更耗費CPU資源的任務。

    創建WebWorker對象

    我們已經有了webworker文件，現在我們需要從HTML頁面調用它。

    下面的代碼檢測是否存在worker，如果不存在，-它會創建一個新的webworker對象，然后運行"demo_workers.js"中的代碼：

if(typeof(w)=="undefined")

{

    w=new Worker("demo_workers.js");

}

    然后我們就可以從webworker發生和接收消息了。

    向webworker添加一個"onmessage"事件監聽器：

w.onmessage=function(event){

    document.getElementById("result").innerHTML=event.data;

};

    終止WebWorker

    當我們創建webworker對象后，它會繼續監聽消息（即使在外部腳本完成之后）直到其被終止為止。

    如需終止webworker，并釋放瀏覽器/計算機資源，請使用terminate()方法：

    w.terminate();

    WebWorkers和DOM

    由于webworker位于外部文件中，它們無法訪問下列JavaScript對象：

    window對象

    document對象

    parent對象

“怎么檢測瀏覽器是否支持WebWorker”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！