DOM

Workerインターフェイス

Worker コンストラクター

  編集:2022.02.13 by T.A.

MS

引数の URL で指定されたスクリプトを実行する Worker オブジェクトを作成します。このスクリプトは「同一生成元ポリシー(SOP)」に従わなければいけません。

引数の URL が無効な構文だったり SOP に違反したりしている場合、SECURITY_ERR 型の DOMException を返します。

注記: data URI が SOP に違反するかどうかをブラウザー ベンダーの間で合意されていません。Gecko 10.0(Firefox 10.0/Thunderbird 10.0/SeaMonkey 2.7)とそれより後のリリースでは data URI を受け入れますが、すべてのブラウザーでは、そうならない場合があります。

worker= new Worker(aURL[,options])
aURL Worker オブジェクトが後に実行するスクリプトの URL の USVString です。SOP に従っていなければいけません。
options 省略可 オブジェクトを作成するときに設定できるオプション プロパティを持つオブジェクトです。以下のプロパティを使用できます:
type 作成する worker のタイプを指定する DOMString。

使用できる値は classic または module です。指定しない場合の既定値は classic です。

credentials worker を使用するためのクレデンシャルのタイプを指定する DOMString です。

使用できる値は omitsame-origininclude です。指定しない場合、または worker が classic タイプである場合はの既定値は omit(クレデンシャルは不要)です。

name worker のスコープを表す DedicatedWorkerGlobalScope を識別する名前を示す DOMString です。これは主に、デバッグで役に立ちます。
例外
SecurityError
ドキュメントが worker の開始を許可されていない場合。
NetworkError
スクリプトのひとつの MIME タイプが text/csv、image/*、video/*、or audio/* である場合。これは常に text/javacript であるべきです。
SyntaxError
aURL をパースできない場合。
Worker() コンストラクターを使って Worker オブジェクトを作成し、続いてそのオブジェクトの使い方を表しています。
var myWorker = new Worker('worker.js');

first.onchange = function() {
  myWorker.postMessage([first.value,second.value]);
  console.log('Message posted to worker');
}

完全な例を見るには、Basic dedicated worker examplerun dedicated worker)を参照してください。


テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: