免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

HTMLWebWorkers-7.5HTMLAPI

Web worker 是運行在后臺的 JavaScript，不會影響頁面的性能。

樂昌網站建設公司創新互聯建站,樂昌網站設計制作，有大型網站制作公司豐富經驗。已為樂昌1000+提供企業網站建設服務。企業網站搭建\外貿網站制作要多少錢，請找那個售后服務好的樂昌做網站的公司定做！

什么是 Web Worker？

當在 HTML 頁面中執行腳本時，頁面是不可響應的，直到腳本已完成。

Web worker 是運行在后臺的 JavaScript，獨立于其他腳本，不會影響頁面的性能。您可以繼續做任何愿意做的事情：點擊、選取內容等等，而此時 web worker 運行在后臺。

瀏覽器支持

表格中的數字指示完全支持 Web Worker 的首個瀏覽器版本。

API           Web Worker 4.0 10.0 3.5 4.0 11.5
HTML Web Workers 實例

下面的例子創建了一個簡單的 web worker，在后臺計數：

計數：

 

啟動 Worker 停止 Worker

檢測 Web Worker 支持

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

if (typeof(Worker) !== "undefined") { // 是的！支持 Web worker！ // 一些代碼.....} else { // 抱歉！不支持 Web Worker！}
創建 Web Worker 文件

現在，讓我們在一個外部 JavaScript 文件中創建我們的 web worker。

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

var i = 0;function timedCount() { i = i + 1; postMessage(i); setTimeout("timedCount()",500);}timedCount();

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

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

創建 Web Worker 對象

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

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

if (typeof(w) == "undefined") { w = new Worker("demo_workers.js");}

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

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

w.onmessage = function(event){ document.getElementById("result").innerHTML = event.data;};

當 web worker 傳送消息時，會執行事件監聽器中的代碼。來自 web worker 的數據會存儲于 event.data 中。

終止 Web Worker

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

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

w.terminate();
復用 Web Worker

如果您把 worker 變量設置為 undefined，在其被終止后，可以重復使用該代碼：

w = undefined;
完整的 Web Worker 實例代碼

我們已經看到了 .js 文件中的 Worker 代碼。下面是 HTML 頁面的代碼：

實例 <!DOCTYPE html><html><body><p>Count numbers: <output id="result"></output></p><button onclick="startWorker()">Start Worker</button> <button onclick="stopWorker()">Stop Worker</button><br><br><script>var w;function startWorker() { if(typeof(Worker) !== "undefined") { if(typeof(w) == "undefined") { w = new Worker("demo_workers.js"); } w.onmessage = function(event) { document.getElementById("result").innerHTML = event.data; }; } else { document.getElementById("result").innerHTML = "Sorry! No Web Worker support."; }}function stopWorker() { w.terminate(); w = undefined;}</script></body></html>
Web Worker 和 DOM

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

window 對象document 對象parent 對象

網站題目：HTMLWebWorkers-7.5HTMLAPI
路徑分享：http://m.newbst.com/article39/dghhoph.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、App設計、面包屑導航、品牌網站建設、自適應網站、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

外貿網站建設