本文小編為大家詳細介紹“html5 web workers的作用是什么”,內容詳細,步驟清晰,細節處理妥當,希望這篇“html5 web workers的作用是什么”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
web worker 是運行在后臺的 JavaScript,不會影響頁面的性能。
當在 HTML 頁面中執行腳本時,頁面的狀態是不可響應的,直到腳本已完成。
web worker 是運行在后臺的 JavaScript,獨立于其他腳本,不會影響頁面的性能。您可以繼續做任何愿意做的事情:點擊、選取內容等等,而此時 web worker 在后臺運行。
Internet Explorer 10, Firefox, Chrome, Safari 和 Opera 都支持Web workers.
下面的例子創建了一個簡單的 web worker,在后臺計數:
demo_workers.js 文件代碼:
在創建 web worker 之前,請檢測用戶的瀏覽器是否支持它:
現在,讓我們在一個外部 JavaScript 中創建我們的 web worker。
在這里,我們創建了計數腳本。該腳本存儲于 "demo_workers.js" 文件中:
以上代碼中重要的部分是 postMessage() 方法 - 它用于向 HTML 頁面傳回一段消息。
注意: web worker 通常不用于如此簡單的腳本,而是用于更耗費 CPU 資源的任務。
我們已經有了 web worker 文件,現在我們需要從 HTML 頁面調用它。/p>
下面的代碼檢測是否存在 worker,如果不存在,- 它會創建一個新的 web worker 對象,然后運行 "demo_workers.js" 中的代碼:/p>
if(typeof(w)=="undefined")
{
w=new Worker("demo_workers.js");
}
讀到這里,這篇“html5 web workers的作用是什么”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。