Window.postMessage ()
यह विधि सुरक्षित रूप से cross-originसंचार को सक्षम बनाती है।
और अगर आपके पास पैरेंट पेज कोड तक पहुंच है, तो किसी भी पैरेंट विधि के साथ-साथ किसी भी डेटा को सीधे पास किया जा सकता है Iframe। यहाँ एक छोटा सा उदाहरण है:
मूल पृष्ठ:
if (window.addEventListener) {
window.addEventListener("message", onMessage, false);
}
else if (window.attachEvent) {
window.attachEvent("onmessage", onMessage, false);
}
function onMessage(event) {
// Check sender origin to be trusted
if (event.origin !== "http://example.com") return;
var data = event.data;
if (typeof(window[data.func]) == "function") {
window[data.func].call(null, data.message);
}
}
// Function to be called from iframe
function parentFunc(message) {
alert(message);
}
आईफ्रेम कोड:
window.parent.postMessage({
'func': 'parentFunc',
'message': 'Message text from iframe.'
}, "*");
// Use target origin instead of *
अद्यतन:
सुरक्षा नोट:
हमेशा एक विशिष्ट टारगेट प्रदान करें। नहीं *, यदि आप जानते हैं कि अन्य विंडो का दस्तावेज़ कहाँ स्थित होना चाहिए। एक विशिष्ट लक्ष्य प्रदान करने में विफल रहने से आप किसी भी इच्छुक दुर्भावनापूर्ण साइट पर डेटा भेजते हैं ( ZalemCitizen द्वारा टिप्पणी )।
संदर्भ: