資訊專欄INFORMATION COLUMN
摘要：調(diào)用時(shí)消息發(fā)送方窗口的這個(gè)字符串由協(xié)議域名端口號(hào)拼接而成。請(qǐng)注意，這個(gè)不能保證是該窗口的當(dāng)前或未來，因?yàn)楸徽{(diào)用后可能被導(dǎo)航到不同的位置。對(duì)發(fā)送消息的窗口對(duì)象的引用您可以使用此來在具有不同的兩個(gè)窗口之間建立雙向通信。
postMessage
otherWindow:其他窗口的一個(gè)引用，比如iframe的contentWindow屬性、執(zhí)行window.open返回的窗口對(duì)象、或者是命名過或數(shù)值索引的window.frames。
message:將要發(fā)送到其他 window 的數(shù)據(jù)。它將會(huì)被結(jié)構(gòu)化克隆算法序列化。這意味著你可以不受什么限制的將數(shù)據(jù)對(duì)象安全的傳送給目標(biāo)窗口而無需自己序列化。
targetOrigin:通過窗口的origin屬性來指定哪些窗口能接收到消息事件，其值可以是字符串”“（表示無限制）或者一個(gè)URI。在發(fā)送消息的時(shí)候，如果目標(biāo)窗口的協(xié)議、主機(jī)地址或端口這三者的任意一項(xiàng)不匹配targetOrigin提供的值，那么消息就不會(huì)被發(fā)送；只有三者完全匹配，消息才會(huì)被發(fā)送。這個(gè)機(jī)制用來控制消息可以發(fā)送到哪些窗口；例如，當(dāng)用postMessage傳送密碼時(shí)，這個(gè)參數(shù)就顯得尤為重要，必須保證它的值與這條包含密碼的信息的預(yù)期接受者的orign屬性完全一致，來防止密碼被惡意的第三方截獲。如果你明確的知道消息應(yīng)該發(fā)送到哪個(gè)窗口，那么請(qǐng)始終提供一個(gè)有確切值的targetOrigin，而不是。不提供確切的目標(biāo)將導(dǎo)致數(shù)據(jù)泄露到任何對(duì)數(shù)據(jù)感興趣的惡意站點(diǎn)。
transfer:是一串和message 同時(shí)傳遞的 Transferable 對(duì)象. 這些對(duì)象的所有權(quán)將被轉(zhuǎn)移給消息的接收方，而發(fā)送一方將不再保有所有權(quán)。
message 的一些屬性data:從其他 window 中傳遞過來的對(duì)象。
origin:調(diào)用 postMessage 時(shí)消息發(fā)送方窗口的 origin . 這個(gè)字符串由 協(xié)議、“://“、域名、“ : 端口號(hào)”拼接而成。例如 “https://example.org (implying port 443)”、“http://example.net (implying port 80)”、“http://example.com:8080”。請(qǐng)注意，這個(gè)origin不能保證是該窗口的當(dāng)前或未來origin，因?yàn)閜ostMessage被調(diào)用后可能被導(dǎo)航到不同的位置。
source:對(duì)發(fā)送消息的窗口對(duì)象的引用; 您可以使用此來在具有不同origin的兩個(gè)窗口之間建立雙向通信。
實(shí)現(xiàn)通信demo:// a.com/index.html // b.com/index.html
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95737.html
摘要：調(diào)用時(shí)消息發(fā)送方窗口的這個(gè)字符串由協(xié)議域名端口號(hào)拼接而成。請(qǐng)注意，這個(gè)不能保證是該窗口的當(dāng)前或未來，因?yàn)楸徽{(diào)用后可能被導(dǎo)航到不同的位置。對(duì)發(fā)送消息的窗口對(duì)象的引用您可以使用此來在具有不同的兩個(gè)窗口之間建立雙向通信。 postMessage otherWindow:其他窗口的一個(gè)引用，比如iframe的contentWindow屬性、執(zhí)行window.open返回的窗口對(duì)象、或者是命名...
摘要：兩個(gè)瀏覽器窗口間通信總結(jié)一個(gè)窗口更新，另一個(gè)窗口監(jiān)聽對(duì)象的事件，來實(shí)現(xiàn)通信。通過窗口的屬性來指定哪些窗口能接收到消息事件，其值可以是字符串表示無限制或者一個(gè)。父窗口先打開一個(gè)子窗口，載入一個(gè)不同源的網(wǎng)頁，該網(wǎng)頁將信息寫入屬性。 兩個(gè)瀏覽器窗口間通信總結(jié) 1、localStorage 一個(gè)窗口更新localStorage，另一個(gè)窗口監(jiān)聽window對(duì)象的storage事件，來實(shí)現(xiàn)通信。注...
摘要：前言需求背景最近開發(fā)管理系統(tǒng)，需要在本頁面跳轉(zhuǎn)到一個(gè)圖片管理系統(tǒng)上傳圖片，上傳成功后返回圖片鏈接，然后返回管理系統(tǒng)，顯示圖片實(shí)現(xiàn)思路上傳圖片時(shí)，需要在本窗口跳轉(zhuǎn)到圖片管理系統(tǒng)，并且兩個(gè)系統(tǒng)之間要通信考慮到兩個(gè)系統(tǒng)是不同的端口號(hào)，存在跨域問題 前言 需求背景： 最近開發(fā)管理系統(tǒng)，需要在本頁面跳轉(zhuǎn)到一個(gè)圖片管理系統(tǒng)上傳圖片，上傳成功后返回圖片鏈接，然后返回管理系統(tǒng)，顯示圖片 實(shí)現(xiàn)思路： ...
摘要：瀏覽器同源政策以及跨域同源是指協(xié)議相同域名相同端口相同。同源政策的目的，是為了保證用戶信息的安全，防止惡意的網(wǎng)站竊取數(shù)據(jù)。該協(xié)議不實(shí)行同源政策，只要服務(wù)器支持，就可以通過它進(jìn)行跨源通信。參考文獻(xiàn)瀏覽器同源政策及其規(guī)避方法詳解跨域問題 瀏覽器同源政策以及JS跨域 同源是指協(xié)議相同、域名相同、端口相同。同源政策的目的，是為了保證用戶信息的安全，防止惡意的網(wǎng)站竊取數(shù)據(jù)。 同源策略主要限制下面...
閱讀 2678·2021-11-25 09:43
閱讀 2590·2021-11-22 09:34
閱讀 2861·2021-11-12 10:34
閱讀 1448·2021-10-20 13:46
閱讀 2309·2019-08-30 13:21
閱讀 938·2019-08-30 11:21
閱讀 492·2019-08-30 11:20
閱讀 2196·2019-08-29 17:20
