本文小編為大家詳細(xì)介紹“html5 web workers的作用是什么”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“html5 web workers的作用是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

創(chuàng)新互聯(lián)是專業(yè)的蘭山網(wǎng)站建設(shè)公司，蘭山接單;提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行蘭山網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

web worker 是運(yùn)行在后臺(tái)的 JavaScript，不會(huì)影響頁面的性能。

當(dāng)在 HTML 頁面中執(zhí)行腳本時(shí)，頁面的狀態(tài)是不可響應(yīng)的，直到腳本已完成。

web worker 是運(yùn)行在后臺(tái)的 JavaScript，獨(dú)立于其他腳本，不會(huì)影響頁面的性能。您可以繼續(xù)做任何愿意做的事情：點(diǎn)擊、選取內(nèi)容等等，而此時(shí) web worker 在后臺(tái)運(yùn)行。

Internet Explorer 10, Firefox, Chrome, Safari 和 Opera 都支持Web workers.
 

下面的例子創(chuàng)建了一個(gè)簡單的 web worker，在后臺(tái)計(jì)數(shù)：

demo_workers.js 文件代碼：

在創(chuàng)建 web worker 之前，請(qǐng)檢測用戶的瀏覽器是否支持它：

現(xiàn)在，讓我們?cè)谝粋€(gè)外部 JavaScript 中創(chuàng)建我們的 web worker。

在這里，我們創(chuàng)建了計(jì)數(shù)腳本。該腳本存儲(chǔ)于 "demo_workers.js" 文件中：

以上代碼中重要的部分是 postMessage（） 方法 - 它用于向 HTML 頁面?zhèn)骰匾欢蜗ⅰ?br/>  

注意： web worker 通常不用于如此簡單的腳本，而是用于更耗費(fèi) CPU 資源的任務(wù)。

我們已經(jīng)有了 web worker 文件，現(xiàn)在我們需要從 HTML 頁面調(diào)用它。/p>

下面的代碼檢測是否存在 worker，如果不存在，- 它會(huì)創(chuàng)建一個(gè)新的 web worker 對(duì)象，然后運(yùn)行 "demo_workers.js" 中的代碼：/p>

if（typeof（w）=="undefined"）

{

w=new Worker（"demo_workers.js"）;

}

讀到這里，這篇“html5 web workers的作用是什么”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。