Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Utsikt: 4712|Svar: 2

[HTML/HTML5] HTML5 PostMessage kommunikation över fönster

[Kopiera länk]
Publicerad på 2022-07-30 22:07:04 | | | |
PostMessage är ett nytt kommunikationsAPI för korsursprung introducerat i html5 som låter dig kommunicera tvåvägs med huvudsidan och vilken frame-klass sida som helst eller en sida som öppnas av window.open. Dess allmänna driftsprocess är följande:



JS avgör om den aktuella sidan är en iframe eller ett popup-fönster
https://www.itsvse.com/thread-10342-1-1.html


postMessage(data,origin)-metoden accepterar två parametrar:

(1) data: Datan som ska skickas, HTML5-specifikationen nämner att parametern kan vara vilken grundläggande typ av JavaScript som helst eller ett reproducerbart objekt, men inte alla webbläsare har gjort detta, vissa webbläsare kan bara hantera strängparametrar, så vi behöver använda metoden JSON.stringify() för att serialisera objektparametrarna när parametrarna skickas och hänvisa till json2.js i den lägre versionen av IE för att uppnå liknande effekter.

(2) ursprung: Strängparameter, ange källan till målfönstret, protokoll + värd + portnummer [+URL], URL:en ignoreras, så den kan inte skrivas, denna parameter är för säkerhetsaspekter, postMessage()-metoden skickar bara meddelandet till det angivna fönstret, självklart, om du vill kan du också sätta parametern till "*", så att den kan skickas till vilket fönster som helst, om du vill ange samma ursprung som det aktuella fönstret är den satt till "/";


Skicka meddelanden och ta emot meddelanden själv

Koden är följande:



Föräldrafönstret skickar ett meddelande till barnfönstret, och barnfönstret tar emot meddelandet

Koden är följande:




Barnfönstret skickar ett meddelande till föräldrafönstret, och föräldrafönstret tar emot meddelandet

Koden är följande:



Dessutom är ett enkelt lyssnar-/klientläge kopplat till klienten för domänöverskridande meddelanden på följande adress:Inloggningen med hyperlänken är synlig.

(Slut)




Föregående:JS avgör om den aktuella sidan är en iframe eller ett popup-fönster
Nästa:Docker modifierar och begränsar container-CPU, minne och andra resurser
Publicerad på 2022-07-30 22:46:07 |
Lär dig att lära dig...
 Hyresvärd| Publicerad på 2023-02-18 21:25:31 |
Post-robot-exempel på webbläsarfönsterkommunikation
https://www.itsvse.com/thread-10428-1-1.html
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.

Mail To:help@itsvse.com