Set javascript variable from one iframe to another

Question

Trying pass variable from one iframe to another. Sound weird but I made a picture to make it clear:

My first try to add new srcrip to the new iframe. Looks like its work, but new variable undefined.

var creativeFrame = parentDocument.getElementById('iframe2');
var creativeWindow = parentDocument.getElementById('iframe2').contentWindow;
var creativeDocument = creativeFrame.document;

var myFunction = function() {
 var iFrameHead = creativeFrame.document.getElementsByTagName("head")[0];
 var myscript = creativeBody.createElement('script');
 myscript.type = 'text/javascript';
 myscript.text = 'var a = 2';
 iFrameHead.appendChild(myscript);
};
if(creativeFrame.addEventListener) {
 creativeFrame.addEventListener('load', myFunction, true);
} else if(creativeFrame.attachEvent) {
 creativeFrame.attachEvent('onload', myFunction);
}
</script>

yoi can do stuff like iframe.contentWindow.property="test" outside and in the iframe window.property to retrieve it but I want to urge you to think twice about implementing this since an iframe is supposed to always be able to live on its own — jonathan Heindl
– jonathan Heindl, Commented Apr 1, 2019 at 21:17

Nino Filiu · Accepted Answer · 2019-04-01 21:22:05Z

1

Window.postMessage() is the recommended way to pass data from one Window object (tab, window, iframe...) to another. Minimal use case:

An event listener must be present in the script of the iframe: window.addEventListener('message', console.log);
The parent window, given a window reference to the iframe, can then send message to the iframe: myIframe.postMessage('hello world', '*')

answered Apr 1, 2019 at 21:22

Nino Filiu

18.9k11 gold badges65 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Set javascript variable from one iframe to another

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related