成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端解決跨域問題的N種方法之postMessage

YanceyOfficial / 439人閱讀

摘要:平時會不會有一個需求是我在打開不同域網(wǎng)站的時候要把我的某個變量數(shù)據(jù)傳遞過去方法有很多很多種今天介紹下語法其他窗口的一個引用,比如的屬性執(zhí)行返回的窗口對象或者是命名過或數(shù)值索引的參數(shù)將要發(fā)送到其他的數(shù)據(jù)。將會被結(jié)構(gòu)化克隆算法序列化。

平時會不會有一個需求是 我在打開不同域網(wǎng)站的時候 要把我的某個變量數(shù)據(jù)傳遞過去 方法有很多很多種 今天介紹下postMessage

H5 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

相關(guān)文章

  • 那些年曾談起跨域

    摘要:在中,在不同的域名下面進(jìn)行數(shù)據(jù)交互,就會遇到跨域問題,說到跨域首先要從同源說起,瀏覽器為了提供一種安全的運(yùn)行環(huán)境,各個瀏覽器廠商協(xié)定使用同源策略。在上面說過是不受同源策略限制的,但是出于安全原因,瀏覽器限制從腳本內(nèi)發(fā)起的跨源請求。 對于前端開發(fā)來說跨域應(yīng)該是最不陌生的問題了,無論是開發(fā)過程中還是在面試過程中都是一個經(jīng)常遇到的一個問題,在開發(fā)過程中遇到這個問題的話一般都是找后端同學(xué)去解決...

    galois 評論0 收藏0
  • Web開發(fā)跨域跨域資源共享

    摘要:例外當(dāng)涉及到同源策略時,有兩個主要的例外授信范圍兩個相互之間高度互信的域名,如公司域名,不遵守同源策略的限制。端口未將端口號加入到同源策略的組成部分之中,因此和屬于同源并且不受任何限制。 原文鏈接:http://www.devsai.com/2016/11/24/talk-CORS/ 同源策略(same origin policy) 1995年,同源政策由 Netscape 公司引入瀏...

    Eastboat 評論0 收藏0
  • 利用html5postmessage解決iframe跨域問題庫cross-domain.js,使

    摘要:簡介一個利用的跨域解決一個系統(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 背景 最...

    I_Am 評論0 收藏0

發(fā)表評論

0條評論

YanceyOfficial

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<