国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

前端解決跨域問(wèn)題的N種方法之postMessage

YanceyOfficial / 435人閱讀

摘要:平時(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)化克隆算法序列化。

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

H5 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

相關(guān)文章

  • 那些年曾談起跨域

    摘要:在中,在不同的域名下面進(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é)去解決...

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

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

    Eastboat 評(píng)論0 收藏0
  • 利用html5postmessage解決iframe跨域問(wèn)題庫(kù)cross-domain.js,使

    摘要:簡(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 背景 最...

    I_Am 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<