久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

html5跨域通訊之postMessage的用法總結(jié)_html5教程技巧

html5跨域通訊之postMessage的用法總結(jié)_html5教程技巧HTML5中文學(xué)習(xí)網(wǎng),是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網(wǎng)站、HTML5資訊、HTML5應(yīng)用、HTML5游戲、HTML5教
點評:本文是對html5跨域通訊之postMessage的用法進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助

postMessagePortal.html 頁面代碼

復(fù)制代碼
代碼如下:

<!DOCTYPE html>
<title>標(biāo)題</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" >
<script></p><p>var targetOrigin = "http://22527.vhost20.boxcdn.cn";</p><p>var defaultTitle = "Portal";
var notificationTimer = null;</p><p>function messageHandler(e) {
if (e.origin == targetOrigin) {
notify(e.data);
} else {
// ignore messages from other origins
}
}</p><p>function sendString(s) {
document.getElementById("widget").contentWindow.postMessage(s, targetOrigin);
}</p><p>
function notify(message) {
stopBlinking();
blinkTitle(message, defaultTitle);
}</p><p>function stopBlinking() {
if (notificationTimer !== null) {
clearTimeout(notificationTimer);
}
document.title = defaultTitle;
}</p><p>function blinkTitle(m1, m2) {
document.title = m1;
notificationTimer = setTimeout(blinkTitle, 1000, m2, m1)
}</p><p>function sendStatus() {
var statusText = document.getElementById("statusText").value;
sendString(statusText);
}</p><p>function loadDemo() {
document.getElementById("sendButton").addEventListener("click", sendStatus, true);
document.getElementById("stopButton").addEventListener("click", stopBlinking, true);
sendStatus();
}
window.addEventListener("load", loadDemo, true);
window.addEventListener("message", messageHandler, true);</p><p></script></p><p><h1>跨域通訊</h1>
傳遞信息:<input type="text" id="statusText" value="Online">
<button id="sendButton">確定</button>


<iframe id="widget" src="http://22527.vhost20.boxcdn.cn/postMessageWidget.html"></iframe>
<p>
<button id="stopButton">停止標(biāo)題閃爍</button>
</p>

postMessageWidget.html頁面的代碼

復(fù)制代碼
代碼如下:

<!DOCTYPE html>
<title>標(biāo)題</title>
<link rel="stylesheet" href="styles.css">
<script></p><p>var targetOrigin = "http://www.weixiu0376.cn";</p><p>// TODO whitelist array</p><p>function messageHandler(e) {
if (e.origin === "http://www.weixiu0376.cn") {
document.getElementById("status").textContent = e.data;
} else {
// ignore messages from other origins
}
}</p><p>function sendString(s) {
window.top.postMessage(s, targetOrigin);
}</p><p>function loadDemo() {
document.getElementById("actionButton").addEventListener("click",
function() {
var messageText = document.getElementById("messageText").value;
sendString(messageText);
}, true);</p><p>}
window.addEventListener("load", loadDemo, true);
window.addEventListener("message", messageHandler, true);</p><p></script>
<p>顯示接收信息: <strong id="status"></strong><p>
<div>
<input type="text" id="messageText" value="填寫消息內(nèi)容">
<button id="actionButton">發(fā)送消息</button>
</div>


【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

主站蜘蛛池模板: 毛片入口 | 天天干人人 | 国产网站在线 | 国产精品一卡二卡三卡 | 国产一级片 | 亚洲一区二区视频 | 欧美九九九| 激情一区 | 免费看黄色片 | 91精品国产91久久久久久不卞 | 久久久久久91香蕉国产 | 欧美精品电影一区 | 久久久精品一区二区三区 | av看片网站| 国产精品一区二区在线 | jav成人av免费播放 | 日韩毛片免费视频 | 91精品国产一区二区三区蜜臀 | 国内成人免费视频 | 久久精品国产99国产精品 | 国产精品久久久久久久久久久久 | 亚洲欧美日韩精品久久亚洲区 | 亚洲国产精品久久久 | 欧美成人精品二区三区99精品 | 美国黄色毛片 | 中文字幕国产 | 国产亚洲精品成人av久久ww | 日韩欧美久久精品 | 欧美日韩综合精品 | 草草影院ccyy | 天天色av| 成人精品一区二区 | 亚洲国产一区二区三区, | 亚洲视频在线一区 | 久久人操| 超碰在线亚洲 | 日本欧美国产在线观看 | 97精品超碰一区二区三区 | 欧美aaaaa | 国产一区二区免费 | 免费午夜视频在线观看 |