瀏覽器內多個標籤頁之間的通訊

2021-08-20 07:57:36 字數 577 閱讀 2911

呼叫localstorge、cookies等本地儲存方式。

方法一:

localstorge在乙個標籤頁裡被新增、修改或刪除時,都會觸發乙個storage事件,通過在另乙個標籤頁裡監聽storage事件,即可得到localstorge儲存的值,實現不同標籤頁之間的通訊。

標籤頁1:

標籤頁

2:

方法二:

使用cookie+setinterval,將要傳遞的資訊儲存在cookie中,每隔一定時間讀取cookie資訊,即可隨時獲取要傳遞的資訊。

標籤頁1:

標籤頁

2:

此外還有一些其他方法:

支援兩個頁面跨域;只能傳遞字串資料;參考 window.open;

適用於兩個頁面在同一域;可以傳遞物件資料(物件資料使用 instanceof 做型別判斷時有坑);參考 window.open;

需要頁面都與伺服器建立 websockets 連線;支援跨域;參考 websocket

如何實現瀏覽器內多個標籤頁之間的通訊

呼叫 localstorge cookies 等本地儲存方式 方法一 使用localstorage 使用localstorage.setitem key,value 新增內容 使用storage事件監聽新增 修改 刪除的動作 window.addeventlistener storage funct...

學習筆記 瀏覽器內多個標籤頁之間的通訊

redux vuex 這個是單頁面應用裡跨頁面狀態管理 多頁應用 跨頁面資料傳遞 本題主要考察多頁應用中各個頁籤之間資料互動的技術手段。實現多頁通訊主要有利用 在乙個標籤頁裡面使用localstorage.setitem key,value 新增 修改 刪除 內容 在另乙個標籤頁裡面監聽storag...

瀏覽器切換標籤頁的方法

方法一 快捷鍵切換標籤頁 我們使用快捷鍵 ctrl 數字 就可以快速切換谷歌瀏覽器的標籤頁了,例如 ctrl 1是切換到第乙個標籤,ctrl 2是切換到第二個標籤,依次類推,但是ctrl 9不是第九個標籤頁,而是最後乙個標籤頁。換一種解釋方法就是,ctrl鍵加上數字鍵1 8對應的是第一到第八個標籤,...