MessageChannel बनाते समय, यह आंतरिक रूप से डेटा भेजने और दूसरे ब्राउज़िंग संदर्भ में अग्रेषित करने के लिए दो पोर्ट बनाता है।
- postMessage() − चैनल के माध्यम से मैसेज पोस्ट करें
- start() − यह डेटा भेजता है
- close() − यह पोर्ट्स को बंद करता है
इस परिदृश्य में, हम एक iframe से दूसरे iframe में डेटा भेज रहे हैं। यहां हम फ़ंक्शन में डेटा को इनवोक कर रहे हैं और डेटा को DOM में पास कर रहे हैं।
उदाहरण
var loadHandler = function(){ var mc, portMessageHandler; mc = new MessageChannel(); window.parent.postMessage('documentAHasLoaded','https://foo.example',[mc.port2]); portMessageHandler = function(portMsgEvent){ alert( portMsgEvent.data ); } mc.port1.addEventListener('message', portMessageHandler, false); mc.port1.start(); } window.addEventListener('DOMContentLoaded', loadHandler, false);