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