Exemple de transmission de messages entre documents html5 discussion_html5 compétences du didacticiel

Surveiller l'événement message de l'objet fenêtre

Copiez le code

Le code est le suivant :

window .addEventListener("message", function(event) {
// handler code
}, false);

Utilisez la méthode postMessage() de l'objet window pour envoyer des messages vers d'autres fenêtres, la méthode est définie comme suit :

Copier le code

Le code est le suivant :

otherwindow. postMessage(message, targetOrigin);

Cette méthode utilise deux paramètres : le premier paramètre est le texte du message envoyé, mais il peut également s'agir de n'importe quel JavaScript. object (conversion de l'objet en texte via JSON); Le deuxième paramètre est l'adresse URL de la fenêtre de l'objet qui reçoit le message. Vous pouvez utiliser le caractère générique "*" dans la chaîne d'adresse URL pour spécifier toutes les adresses, mais il est recommandé de le faire. utilisez une adresse URL précise. otherwindow consiste à envoyer une référence à l'objet window. Vous pouvez renvoyer l'objet via la méthode window.open(), ou renvoyer l'objet window attribué à un seul cadre en spécifiant le numéro de série (index) ou le nom dans window.frames. tableau.
Exemple

Copier le code

Le code est le suivant :

< !DOCTYPE html> ;