瀟瀟雨雨
2019-03-07 14:11:41
window.postMessage() 方法可以安全地實現(xiàn)跨源通信。通常,對于兩個不同頁面的腳本,只有當執(zhí)行它們的頁面位于具有相同的協(xié)議(通常為https),端口號(443為https的默認值),以及主機 (兩個頁面的模數(shù) Document.domain設置為相同的值) 時,這兩個腳本才能相互通信。window.postMessage() 方法提供了一種受控機制來規(guī)避此限制,只要正確的使用,這種方法就很安全。參考自:https://developer.mozilla.org...這里的跨源是否指的就是跨域?查了一下關于postMessage的使用基本都是iframe向父窗口傳數(shù)據(jù),那是不是不同協(xié)議和不同端口是無法通信的呢?比如說我在localhost:3000啟動一個頁面,localhost:3500啟動一個頁面,可不可以進行通信呢btn.addEventListener('click', () => { try { postMessage('helloWorld','localhost:3000' ); console.info('消息已經(jīng)成功發(fā)送') } catch (error) { console.error(error) } })我自己試了一下,會有報錯,但是執(zhí)行時成功的這是不是說只能在子頁面或者iframe這種情況下發(fā)送數(shù)據(jù),不同端口不可以通信?
2 回答

幕布斯7119047
TA貢獻1794條經(jīng)驗 獲得超8個贊
下面回答題主的其他問題:
可以跨域通信
如果跨域失敗是另一種提示,Access-Control-Allow-Origin,,,,,
跨域包含跨端口,可以自行百度下什么是跨域,大概是:協(xié)議,域名,端口有一個不同,就是跨域。

繁星淼淼
TA貢獻1775條經(jīng)驗 獲得超11個贊
postMessage是可以進行跨域通信的。MDN中描述的跨源就是通常意義上的跨域。語法如下:
otherWindow.postMessage(message,?targetOrigin,?[transfer]);
這里的otherWindow指的是其他窗口的引用,比如iframe的contentWindow屬性、執(zhí)行window.open返回的窗口對象、或者是命名過或數(shù)值索引的window.frames。
所以此時的targetOrigin和otherWindow的引用必須是相互匹配的,否則不能進行通信。也就是要和誰進行通信就要拿到誰的引用。
關于window.open有一點需要特別注意的就是:要通過window.open獲取引用值,必須是在window.open打開頁面成功打開的情況下才會返回該窗口的引用,否則返回null。因為有的瀏覽器會處于安全機制攔截非用戶點擊的自彈出窗口,此時window.open是無法獲取正常返回值的,postMessage也會失敗。
添加回答
舉報
0/150
提交
取消