Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Näkymä: 4712|Vastaus: 2

[HTML/HTML5] HTML5 PostMessage -ikkunan välinen viestintä

[Kopioi linkki]
Julkaistu 30.7.2022 22.07.04 | | | |
PostMessage on uusi poikkilähtöinen viestintärajapinta, joka esiteltiin html5-muodossa ja mahdollistaa kaksisuuntaisen viestinnän pääsivun sekä minkä tahansa kehysluokan sivun tai window.openin avaaman sivun kanssa. Sen yleinen toimintaprosessi on seuraava:



JS määrittää, onko nykyinen sivu iframe vai ponnahdusikkuna
https://www.itsvse.com/thread-10342-1-1.html


postMessage(data, origin) -menetelmä hyväksyy kaksi parametria:

(1) data: Välitettävä data, HTML5-määrittelyssä mainitaan, että parametri voi olla mikä tahansa perustyyppinen JavaScript tai toistettavissa oleva olio, mutta kaikki selaimet eivät ole tehneet näin, jotkut selaimet pystyvät käsittelemään vain merkkijonoparametreja, joten meidän täytyy käyttää JSON.stringify()-metodia objektiparametrien sarjallistamiseen parametreja välittäessä ja viitata IE:n alemmassa versiossa json2.js vastaavien vaikutusten saavuttamiseksi.

(2) origin: Merkkijonoparametri, ilmoita kohdeikkunan lähde, protokolla + isäntä + porttinumero [+URL], URL jätetään huomiotta, joten sitä ei voi kirjoittaa, tämä parametri on turvallisuusnäkökohtia varten, postMessage()-metodi välittää viestin vain määritettyyn ikkunaan, tietysti voit myös asettaa parametrin "*", jotta se voidaan välittää mihin tahansa ikkunaan, jos haluat määrittää saman origoon kuin nykyinen ikkuna, se asetetaan "/";


Lähetä viesti ja vastaanota viestejä itse

Koodi on seuraava:



Vanhempi ikkuna lähettää viestin lapsi-ikkunaan, ja lapsi-ikkuna vastaanottaa viestin

Koodi on seuraava:




Lapsi-ikkuna lähettää viestin vanhemmalle ikkunalle, ja vanhempi-ikkuna vastaanottaa viestin

Koodi on seuraava:



Lisäksi asiakkaaseen on liitetty yksinkertainen kuuntelija/asiakas-tila eri domain-viestintää varten seuraavassa osoitteessa:Hyperlinkin kirjautuminen on näkyvissä.

(Loppu)




Edellinen:JS määrittää, onko nykyinen sivu iframe vai ponnahdusikkuna
Seuraava:Docker muokkaa ja rajoittaa konttiprosessoria, muistia ja muita resursseja
Julkaistu 30.7.2022 22.46.07 |
Opettele oppimaan...
 Vuokraisäntä| Julkaistu 18.2.2023 21.25.31 |
Robotin jälkeinen esimerkki selainikkunan viestinnästä
https://www.itsvse.com/thread-10428-1-1.html
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.

Mail To:help@itsvse.com