<!DOCTYPE HTML><HTML><Head> <MetaCharSet= "utf-8" /></Head><Body> <DivID= "log"></Div> <ScriptID= "worker1"type= "javascript/worker"> //this script won ' t being parsed by JS engines because it type is javascript/worker.Self.onmessage= function(e) {self.postmessage ('msg from worker'); }; //Rest of your worker code goes here. </Script> <Script> functionlog (msg) {//use a fragment:browser would only Render/reflow once. varFragment=document.createdocumentfragment (); Fragment.appendchild (document.createtextnode (msg)); Fragment.appendchild (document.createelement ('BR')); Document.queryselector ("#log"). appendchild (fragment); } varblob= NewBlob ([document.queryselector ('#worker1'). textcontent], {type:"Text/javascript" }) //Note:window.webkitURL.createObjectURL () in Chrome + +. varworker= NewWorker (WINDOW. Url.createobjecturl (blob)); Worker.onmessage= function(e) {log ("Received:" +e.data); } worker.postmessage ("Hello"); //Start the Worker. </Script></Body></HTML>
Https://www.html5rocks.com/en/tutorials/workers/basics/#toc-inlineworkers
Inline Workers--web Workers without a separate Javascript file