Cross domain HTML5 iframe issue

Use the postMessage method for transferring data across different domains.

Example

You can try the following code snippet to solve the cross-domain HTML5 iframe issue −

// Using postMessage()
window.onmessage = function(e) {
   e.source.postMessage(document.body.innerHTML, e.origin);
};
window.onmessage = function(event) {
   alert(e.data);
};
// fire
document.getElementById('frame1').contentWindow.postMessage('','*');

Arjun Thakur

Published on 05-Apr-2018 14:12:05