在此页

• 句法
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

onmessage 特性为 DedicatedWorkerGlobalScope interface represents an EventHandler to be called when the message event occurs and bubbles through the Worker — i.e. when a message is sent to the worker using the Worker.postMessage 方法。

句法

self.onmessage = function() { ... };
					

范例

The following code snippet shows creation of a Worker 对象使用 Worker() constructor. Messages are passed to the worker when the value inside the form input 第一 changes. A Worker.onmessage handler is also present, to deal with messages are passed back from the worker.

var myWorker = new Worker("worker.js");
first.onchange = function() {
  myWorker.postMessage([first.value,second.value]);
  console.log('Message posted to worker');
}
myWorker.onmessage = function(e) {
  result.textContent = e.data;
  console.log('Message received from worker');
}
					

在 worker.js script, a DedicatedWorkerGlobalScope.onmessage handler is used to handle messages from the main script:

onmessage = function(e) {
  console.log('Message received from main script');
  var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
  console.log('Posting message back to main script');
  postMessage(workerResult);
}
					

Notice how in the main script, onmessage has to be called on myWorker , whereas inside the worker script you just need onmessage because the worker is effectively the global scope (the DedicatedWorkerGlobalScope , in this case).

For a full example, see our Basic dedicated worker example ( run dedicated worker ).

规范

规范	状态	注释
HTML 实时标准 The definition of 'DedicatedWorkerGlobalScope.onmessage' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
onmessage	Chrome 4	Edge 12	Firefox 3.5	IE 10	Opera 10.6	Safari 4	WebView Android 37	Chrome Android Yes	Firefox Android 4	Opera Android 11	Safari iOS 5.1	Samsung Internet Android Yes

图例

完整支持

完整支持

另请参阅

• DedicatedWorkerGlobalScope interface it belongs to.
• WorkerGlobalScope

元数据

• 最后修改： 2019 年 3 月 23 日

相关话题

1. Web 工作者 API
2. DedicatedWorkerGlobalScope
3. 特性

   1. 名称
   2. onmessage
   3. onmessageerror
4. 方法

   1. close()
   2. postMessage()
5. 事件

   1. message
   2. messageerror
6. 继承：

   1. WorkerGlobalScope
   2. EventTarget
7. Web 工作者 API 相关页面

   1. AbstractWorker
   2. ChromeWorker
   3. ServiceWorker
   4. SharedWorker
   5. SharedWorkerGlobalScope
   6. Worker
   7. WorkerGlobalScope
   8. WorkerLocation
   9. WorkerNavigator