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