摘要:平時會不會有一個需求是我在打開不同域網(wǎng)站的時候要把我的某個變量數(shù)據(jù)傳遞過去方法有很多很多種今天介紹下語法其他窗口的一個引用,比如的屬性執(zhí)行返回的窗口對象或者是命名過或數(shù)值索引的參數(shù)將要發(fā)送到其他的數(shù)據(jù)。將會被結(jié)構(gòu)化克隆算法序列化。
H5 postMessage平時會不會有一個需求是 我在打開不同域網(wǎng)站的時候 要把我的某個變量數(shù)據(jù)傳遞過去 方法有很多很多種 今天介紹下postMessage
語法
otherWindow.postMessage(message, targetOrigin);
otherWindow
其他窗口的一個引用,比如iframe的contentWindow屬性、執(zhí)行window.open返回的窗口對象、或者是命名過或數(shù)值索引的window.frames
參數(shù)(message, targetOrigin)
message: 將要發(fā)送到其他
window的數(shù)據(jù)。將會被結(jié)構(gòu)化克隆算法序列化。這意味著你可不受什么限制的安全傳送數(shù)據(jù)對象給目標(biāo)窗口而無需自己序列化
targetOrigin:(MDN上的解釋比較長,簡而言之)字符串參數(shù),指明目標(biāo)窗口的源
看下例子aaa.html
bbb.html
看一下打印出來的e的內(nèi)容
相對重要屬性如下
data:是傳遞來的message
source:發(fā)送消息的窗口對象
origin:發(fā)送消息窗口的源(協(xié)議+主機(jī)+端口號)
附上我的訂閱號二維碼,歡迎關(guān)注,一起學(xué)前端
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/87964.html
摘要:例外當(dāng)涉及到同源策略時,有兩個主要的例外授信范圍兩個相互之間高度互信的域名,如公司域名,不遵守同源策略的限制。端口未將端口號加入到同源策略的組成部分之中,因此和屬于同源并且不受任何限制。 原文鏈接:http://www.devsai.com/2016/11/24/talk-CORS/ 同源策略(same origin policy) 1995年,同源政策由 Netscape 公司引入瀏...
摘要:簡介一個利用的跨域解決一個系統(tǒng)中,多個跨域通信交互的庫。然而各系統(tǒng)采用了不同的域名,與主框架系統(tǒng)和其它業(yè)務(wù)系統(tǒng)有跨域問題若將所有域名改為同一域名下可能會產(chǎn)生一些系統(tǒng)間頁面元素和樣式的沖突故采用了標(biāo)準(zhǔn)下的來解決該問題。 簡介 一個利用html5的跨域api postMessage解決一個系統(tǒng)中,多個iframe跨域通信交互的js庫。 github地址 :cross-domain 背景 最...
閱讀 1115·2021-11-16 11:45
閱讀 3134·2021-10-13 09:40
閱讀 724·2019-08-26 13:45
閱讀 1223·2019-08-26 13:32
閱讀 2181·2019-08-26 13:23
閱讀 920·2019-08-26 12:16
閱讀 2832·2019-08-26 11:37
閱讀 1763·2019-08-26 10:32