html5 web messaging

, web messaging er vejen til dokumenter til adskiller kigger sammenhæng skal dele oplysningerne uden dom.den tilsidesætter det tværgående problem i forskellige områder, protokoller eller havne. f.eks. vil du sende data fra din side til en container, der er anbragt på iframe eller stemme versa, i dette scenario, browser kaster en sikkerhedsmæssige undtagelse.med web - meddelelser, kan vi give oplysninger i et budskab begivenhed. budskab omstændigheder besked begivenheder brande på tværs af dokument messaging kanal messaging server sendte begivenheder og net sockets.it har beskrevet ved besked, hvis grænseflade., attributter, attributter beskrivelse data indeholder snor data oprindelse indeholder domænenavn og havn lasteventid indeholder en entydig identifikator for den nuværende meddelelse begivenhed.kilde indeholder en henvisning til oprindelse dokument vindue havne, indeholder de data, som er sendt af ethvert budskab havn, sende et kors dokument besked, før sende over dokument budskab, vi har brug for at skabe en ny internetbrowsing situation, enten ved at skabe nye iframe eller nye vindue.vi kan sende data ved hjælp af postmessage(), og det har to argumenter.de er som,,, besked, og minus; det budskab, targetorigin, − oprindelse navn, eksempler, at sende besked fra iframe til knap, var iframe = dokument. queryselector ('iframe) var knap = dokument. queryselector ('button) var clickhandler = function() {iframe. contentwindow. postmessage (herefter signal at sende. "'http: //www.tutorialspoint. kom)} knap. addeventlistener ('click, clickhandler, falske), modtager et kors dokument budskab i den modtagende dokument, var messageeventhandler = funktion (fald) (//kontrollere, at oprindelsen er, vi ønsker.hvis (event.origin = = http: //////////////www.tutorialspoint. kom) (indberetning (ref. data)}} vindue. addeventlistener ('message, messageeventhandler, falske), kanal - beskeder, to - vejs kommunikation mellem de kigger sammenhænge er kanal beskeder.det er nyttigt for kommunikation på tværs af forskellige årsager, messagechannel og messageport objekter, samtidig med at skabe messagechannel, internt skaber to havne til at sende data og sendt til en anden kigger sammenhæng.,,, postmessage(), &minus efter den besked - kanal, start(), − det sender de data, close(), − det tæt på havnene i det scenario, vi sender data fra en iframe til en anden iframe.her er vi henviser til data i funktion, og at de data til dom., var loadhandler = function() (var - mc, portmessagehandler; mc = nye messagechannel(); gennemskinneligt. forælder. postmessage ('documentahasloaded,'http: //foo, f.eks. "[mc. port2]); portmessagehandler = funktion (portmsgevent) (alarm (portmsgevent.data)} mc. port1. addeventlistener ('message, portmessagehandler, falske) mc. port1. start();} vindue. addeventlistener ('domcontentloaded, loadhandler, falske), ovenfor kode, det er data fra port 2, nu vil videregive oplysningerne til anden iframe, var loadhandler = function() {var iframes, messagehandler; iframes = window.frames; messagehandler = funktion (messageevent) (hvis (messageevent.ports.length > 0) (//- overførsel havn - til - iframe [1] iframes [1]. postmessage ('portopen,'http: //foo eksempel, messageevent. havne)}} vindue. addeventlistener ('message, messagehandler, falske)} vindue. addeventlistener ('domcontentloaded, loadhandler falsk), andet dokument behandler de oplysninger, ved hjælp af portmsghandler funktion., var loadhandler() (//definere vores budskab kontaktperson funktion var messagehandler = funktion (messageevent) (//vores form indgivelse kontaktperson var formhandler = function() {var mng = tilføje < foo @ f.eks. kom > spil cirkel. "messageevent. havne [0]. postmessage (msg)} dokument udgør [0]. addeventlistener ('submit, formhandler, falske)}vindue. addeventlistener ('message, messagehandler, falske)} vindue. addeventlistener ('domcontentloaded, loadhandler, falske),



Previous:
Next Page: