本篇內容介紹了“怎么檢測瀏覽器是否支持WebWorker”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
創新互聯技術團隊10多年來致力于為客戶提供成都做網站、網站設計、外貿營銷網站建設、品牌網站建設、營銷型網站建設、搜索引擎SEO優化等服務。經過多年發展,公司擁有經驗豐富的技術團隊,先后服務、推廣了上1000+網站,包括各類中小企業、企事單位、高校等機構單位。
檢測瀏覽器是否支持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”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站,小編將為大家輸出更多高質量的實用文章!
網頁名稱:怎么檢測瀏覽器是否支持WebWorker
新聞來源:http://vcdvsql.cn/article10/jhgsdo.html
成都網站建設公司_創新互聯,為您提供響應式網站、網站導航、全網營銷推廣、自適應網站、建站公司、網站設計
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯