這里我們通過(guò) windowframes 獲取到子窗口的引用，然后通過(guò) postMessage 方法發(fā)送消息在子窗口中，我們需要監(jiān)聽(tīng) message 事件來(lái)接收消息const responseEl = documentgetElementByIdquotresponsequotwindowaddEventListenerquotmessagequot， function e responseElinnerHTML += `收到一條消息$。

由文本及可愛(ài)的皮卡丘組成為了方便觀察，我們還是注釋掉信封元素首先，我們從簡(jiǎn)單的開(kāi)始，在card元素間，加入我們的文本元素，命名為message，大家可以寫(xiě)自己想說(shuō)的話加入文本后的代碼envelopehtml 然后，設(shè)置文本向上移 envelopecss 運(yùn)行效果接著，我們要開(kāi)始繪制卡片上的皮卡丘了首先，我們。

lthtml 3效果圖展示 效果如下一使用postMessage在windowopen中的使用 1第一種方式，兩個(gè)頁(yè)面之間數(shù)據(jù)的相互傳遞 2第二種方式通過(guò)事件傳遞 父頁(yè)面數(shù)據(jù)傳遞方式setTimeoutfunction isColse #39ok#39 ， #39*#39， 2000到此這篇postMessage的。

lt%=HtmlLabelFormodel = modelsUser % lt%=HtmlTextBoxFormodel = modelsUser % lt%=HtmlValidationMessageFormodel = modelsUser % 這三個(gè)當(dāng)中第一個(gè)是顯示，第二是textbox是文本框，第三個(gè)就是客戶端驗(yàn)證也就是驗(yàn)證輸入的有效性，在中的驗(yàn)證該。

要使用postMessage，開(kāi)發(fā)者需要在window對(duì)象上綁定message事件這樣，每當(dāng)有跨文檔消息發(fā)送時(shí)，綁定的事件處理程序就會(huì)被觸發(fā)通過(guò)監(jiān)聽(tīng)這個(gè)事件，接收文檔可以捕獲并處理發(fā)送過(guò)來(lái)的數(shù)據(jù)，實(shí)現(xiàn)了不同文檔之間的通信，這對(duì)于構(gòu)建復(fù)雜的Web應(yīng)用程序或者需要在多個(gè)iframe之間共享數(shù)據(jù)的場(chǎng)景非常有用總的來(lái)說(shuō)，postM。