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

1、html5跨域通讯之postmessage的用法总结点评：本文是对html5跨域通讯之postmessage的使用举行了具体的总结介绍，需要的伴侣可以过来参考下，希翼对大家有所协助postmessageportal.html 页面代码 复制代码代码如下: 标题var targetorigin = ""var defaulttitle = "portal"var notificationtimer = null;function messagehandler(e) if (e.origin = targetorigin) n

2、otify(e.data); else / ignore messages from other originsfunction sendstring(s) document.getelementbyid("widget").contentwindow.postmessage(s, targetorigin);function notify(message) stopblinking();blinktitle(message, defaulttitle);function stopblinking() if (notificationtimer != nul

3、l) cleartimeout(notificationtimer);document.title = defaulttitle;function blinktitle(m1, m2) document.title = m1;notificationtimer = settimeout(blinktitle, 1000, m2, m1)function sendstatus() var statustext = document.getelementbyid("statustext").value;sendstring(statustext);functio

4、n loaddemo() document.getelementbyid("sendbutton").addeventlistener("click", sendstatus, true);document.getelementbyid("stopbutton").addeventlistener("click", stopblinking, true);sendstatus();window.addeventlistener("lo

5、ad", loaddemo, true);window.addeventlistener("message", messagehandler, true);跨域通讯传递信息：确定 停止标题闪耀 postmessagewidget.html页面的代码 复制代码代码如下: 标题var targetorigin = ""/ todo whitelist arrayfunction messagehandler(e) if (e.origin = "") document.ge

6、telementbyid("status").textcontent = e.data; else / ignore messages from other originsfunction sendstring(s) window.top.postmessage(s, targetorigin);function loaddemo() document.getelementbyid("actionbutton").addeventlistener("click",function() var messagetext = document.getelementbyid("messagetext").value;sendstring(messagetext);, true);window.addeventlistener("load", loaddemo, t