html5跨域通讯之postMessage的用法总结.docVIP

html5跨域通讯之postMessage的用法总结 本文是对html5跨域通讯之postMessage的用法进行 了详细的总结介绍，需要的朋友可以过来参考下，希望对 大家有所帮助 postMessagePortal. html 页面代码 代码如下： It;IDOCTYPEhtmlgt; It;titlegt;标题 It;/titlegt: It;linkrel=〃stylesheet〃href=〃styles. c ss〃gt; It; linkrel=，/ic orThref=//ht tp://apress . com/favico n. ico〃gt; It;scriptgt :It;/pgt;It :pgt;vartar getOrigin=〃 http://2252 7. vhost20. b oxcdn. cn〃；l t;/pgt;It;p gt; vardefau ltTitle=〃Po rtal〃； var notificatio nTimer=null ;It;/pgt:It ;pgt;functi onmessageHa ndler (e){ if (e. origin ==targetOri gin) { notify (e. data); } e lse { //ign oremessages fromotheror igins } It :/pgt; It ;pg t; functions endString(s ) { documen t. getElemen tById(widg et). conten tWindow, pos tMessage (s, targetOrigi n); }lt;/pgt ;It;pgt; f unctionnoti fy (message) { stopBlinki ng(); blin kTitle (mess age, default Title); } 1 t:/pgt; It;p gt; function stopBlinkin g() { if (no tif icationT imer !==null ) { clearTi meout (notif icationTime r): docum ent. title=d efaultTitle : } lt;/pgt ; It;pgt; fun ctionblinkT itle (ml, m2) { document, t itle=ml; n otification Timer=setTi meout (blink Title, 1000, m2, ml) } It :/pgt; It ;pg t: functions endStatus () { varstatu sText=docum ent. getElem entById(〃st atusText〃乂 value; sen dString (sta tusText); } It ;/pgt; It ;pgt: functi onloadDemo() { documen t. getElemen tById(send Button), ad dEventListe ner (〃click〃，sendStatus , true); do cument. getE lementById( stopButton 〃).addEvent Listener (〃c lick〃，stopB linking, tru e); sendStat us (): win dow. addEven tListener (〃load〃，loadD emo, true); window, add EventListen er(message ，messageHa ndler, true) :It;/pgt:It :pgt;It;/sc riptgt;It;/ pgt; It ;pgt; It ;hlgt;跨域通讯 It ;/hlgt; 传递｛g息：It ;in puttype=〃te xt〃id=〃stat usText〃valu e=〃0nline〃g t; It; butt onid=〃sendB utton〃gt;石角定It;/buttong t; It:ifra meid=〃widge t〃src=〃http ://22527.vh ost20. boxed n. cn/postMe ssageWidget . html〃gt; It ; /iframegt; lt;pgt; It : buttonid=〃 stopButton gt;停止标题闪烁 It :/buttongt: lt;/pgt; p ostMessageW idget. html 页面的代