如何利用js在兩個html窗口間通信
更新時間:2021年04月27日 14:56:16 作者:淺笑·
這篇文章主要介紹了如何利用js在兩個html窗口間通信,如果讀者們有類似的需求,可以參考下
場景:當A頁面打開B頁面,在B頁面操作后,A頁面需要同步變更數據時
A 頁面 ,http://127.0.0.1:10001/A.html
var domain = 'http://127.0.0.1:10001'; window.open('http://127.0.0.1:10001/B.html'); window.addEventListener('message', function (event) { if (event.origin !== domain) return; console.log('message received: ' + event.data, event); }, false);
B 頁面 ,http://127.0.0.1:10001/B.html,opener是當前窗口的打開者引用
var domain = 'http://127.0.0.1:10001'; window.opener.postMessage("success", domain); window.close();
如果是需要A打開B的同時向B中發(fā)送數據時
// 發(fā)送數據方 var domain = 'http://127.0.0.1:10001'; var myPopup = window.open('http://127.0.0.1:10001/B.html'); myPopup.postMessage('數據', domain); // 接收數據方 window.addEventListener('message', function(event) { if(event.origin !== 'http://127.0.0.1:10001') return; console.log('message received: ' + event.data,event); },false);
以上就是如何利用js在兩個html窗口間通信的詳細內容,更多關于js在兩個html窗口間通信的資料請關注腳本之家其它相關文章!
相關文章
element必填校驗輸入空格問題修改正則表達式、請求攔截器實現所有輸入框去除首尾空格(推薦)
這篇文章主要介紹了element必填校驗輸入空格問題修改正則表達式、請求攔截器實現所有輸入框去除首尾空格,本文通過圖文實例代碼相結合給大家講解的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-02-02