HTML5 Web Worker
生活随笔
收集整理的這篇文章主要介紹了
HTML5 Web Worker
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><script src="js/jquery-1.8.3.min.js"></script><script>//WEB頁主線程;var worker=new Worker("js/worker.js");//創建一個Worker對象，并向它傳遞將在新線程中;worker.postMessage("hello world SB"); //向worker發送數據worker.onmessage=function(evt){ //接收Worker傳過來的數據函數console.log(evt.data);alert(evt.data);}/*檢測瀏覽器是否支持*/$(function(){if(typeof(Worker)=="undefined"){$("#support").html("瀏覽器不支持HTML5 Web Worker！");}else{$("#support").html("瀏覽器支持Html5 Web Worker!"); } });</script></head><body><div id="support"></div></body>
</html>
onmessage=function(evt){var d=evt.data;postMessage(d); }
onmessage=function(evt){var d=evt.data;postMessage(d); }
worker是一個對象，通過構造函數Worker創建，參數就是一個js文件的路徑；文件中的js代碼將運行在主線程之外的worker線程；
var jsFileURI = JS_FILE_PATH; // js文件路徑var worker = new Worker(jsFileURI);worker運行在另一個全局上下文中（self），這個全局上下文不同于window，所以不能在woker中訪問window和DOM；
該線程分為兩種：dedicated worker和shared worker；dedicated worker只能被初始化它的js上下文中使用；shared worker可以在多個js上下文中使用。通常使用的worker是dedicated worker，它的工作情況可以通過chrome的調試工具查看。
視頻課堂https://edu.csdn.net/combo/detail/802
總結
以上是生活随笔為你收集整理的HTML5 Web Worker的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 电子商务实战课程-张晨光-专题视频课程
- 下一篇： 2017年html5行业报告,云适配发布