Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS postMessage() : Démo HTML5

Mise à jour : 2017-01-22

Cette fonctionnalité permet de transmettre des objets sérialisables entre différentes pages web qui peuvent être sur différents domaines.
Un contrôle peut être effectué sur l'origine d'un message envoyé.

postMessage(msg, target)

Notes sur le tuto


Exemple de code HTML5

Entrez votre nom : <input type=text onkeyup="update(value)"/><br>
<br>
<iframe src="http://html5demo.pingfiles.fr/demo/_postMessage.php" id="postMessage"></iframe>
<script>
function update(name) {
	frames[0].postMessage(name,
		"http://html5demo.pingfiles.fr/demo/_postMessage.html");
}
</script>

Démonstration du résultat HTML5


Entrez votre nom :


Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>isItemSupported("window.postMessage", true)</script>		

Can I Use x-doc-messaging? Data on support for the x-doc-messaging feature across the major browsers from caniuse.com.