麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > HTML > 正文

HTML5中的postMessage API基本使用教程

2019-10-26 17:42:16
字體:
來源:轉載
供稿:網友

關于postMessage

window.postMessage雖然說是html5的功能,但是支持IE8+,假如你的網站不需要支持IE6和IE7,那么可以使用window.postMessage。關于window.postMessage,很多朋友說他可以支持跨域,不錯,window.postMessage是客戶端和客戶端直接的數據傳遞,既可以跨域傳遞,也可以同域傳遞。

應用場景

我只是簡單的舉一個應用場景,當然,這個功能很多地方可以使用。

假如你有一個頁面,頁面中拿到部分用戶信息,點擊進入另外一個頁面,另外的頁面默認是取不到用戶信息的,你可以通過window.postMessage把部分用戶信息傳到這個頁面中。(當然,你要考慮安全性等方面。)

代碼舉例

發送信息:

JavaScript Code復制內容到剪貼板
  1. //彈出一個新窗口    var domain = 'http://haorooms.com';   
  2. var myPopup = window.open(domain                 + '/windowPostMessageListener.html','myWindow');   
  3.    //周期性的發送消息   
  4. setTimeout(function(){        //var message = '當前時間是 ' + (new Date().getTime());    
  5.         var message = {name:"站點",sex:"男"}; //你在這里也可以傳遞一些數據,obj等        console.log('傳遞的數據是  ' + message);   
  6.     myPopup.postMessage(message,domain);    },1000);  

要延遲一下,我們一般用計時器setTimeout延遲再發用。

接受的頁面

JavaScript Code復制內容到剪貼板
  1. //監聽消息反饋    window.addEventListener('message',function(event) {   
  2.     if(event.origin !== 'http://haorooms.com') return; //這個判斷一下是不是我這個域名跳轉過來的        console.log('received response:  ',event.data);   
  3. },false);  

如下圖,接受頁面得到數據
2016520115816771.png (507×161)

如果是使用iframe,代碼應該這樣寫:

JavaScript Code復制內容到剪貼板
  1. //捕獲iframe    var domain = 'http://haorooms.com';   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产一区二区在线免费观看 | 亚洲综合视频网 | 免费永久在线观看黄网 | 中文字幕一区久久 | 日日摸夜夜添夜夜添牛牛 | www国产成人免费观看视频 | a一级黄 | 国产婷婷一区二区三区 | 国产免费大片视频 | 精品二区在线观看 | 精品一区二区在线播放 | 久久久精品视频在线观看 | 免费视频xxxx| 狠狠色成色综合网 | 黄色作爱视频 | 久久99亚洲精品久久99果 | 欧美日韩免费一区 | 天天干天天碰 | 91精品国产91热久久久做人人 | 亚洲午夜激情网 | 久草在线最新 | 久久精品电影网 | 7m视频成人精品分类 | 日本一级黄色大片 | 亚洲婷婷日日综合婷婷噜噜噜 | 亚洲男人的天堂在线视频 | 日韩欧美精品电影 | 鲁丝片一区二区三区免费入口 | 亚洲片在线观看 | 久草高清视频 | 国产91一区二区三区 | 黄片毛片一级 | 久久艹国产精品 | 久久亚洲精品11p | 日本黄色免费观看视频 | 97黄色网| 国产精品毛片无码 | 久久无毛 | 色欲香天天天综合网站 | 成人黄色小视频网站 | www.精品视频 |