麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久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';   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 欧美成人一区免费视频 | 免费午夜视频在线观看 | 欧美14一15sex性hd | 日韩黄色av | 91懂色 | 国产人成精品一区二区三 | mmmwww| 午夜精品视频免费观看 | 国产无区一区二区三麻豆 | www.精品视频| 国产免费高清在线视频 | 久久精品成人免费国产片桃视频 | 国产精品热 | 欧美videofree性欧美另类 | 欧美成人一区免费视频 | 黄色毛片18| 在线成人一区 | 国产精品爱久久久久久久 | 欧美a∨一区二区三区久久黄 | av电影免费在线 | 国产一级免费电影 | 成人黄色短视频在线观看 | 精品久久久一二三区播放播放播放视频 | 一级在线视频 | 失禁高潮抽搐喷水h | 久久露脸国语精品国产91 | 成人短视频在线观看免费 | 欧美一级做一级爱a做片性 久久久资源网 | 日日摸夜夜添夜夜添牛牛 | 久久久www成人免费精品 | av在线在线 | 免费毛片视频 | 亚洲一区久久久 | 国产精品一区二区三区在线播放 | 亚洲第一色片 | 色吧久久| av一二三四区 | 日韩一级毛毛片 | 亚州综合一区 | 国产一级大片在线观看 | 欧美人与牲禽动交精品一区 |