瀏覽器頁面之間進行通訊的四種方式

2021-10-09 06:32:18 字數 747 閱讀 5223

乙個視窗更新localstorage,另乙個視窗監聽window物件的」storage」事件,來實現通訊。

注:兩個頁面要同源(url的協議、網域名稱和埠相同)

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

html5引入了乙個跨文件通訊的api,這個api為window物件新增了乙個window.postmessage方法,允許跨視窗通訊,不論這兩個視窗是否同源。

該方法只解決了前端兩個視窗的通訊,但無法解決前後臺呼叫的跨域問題。使用 window.postmessage(),就注定了你首先得拿到window這個物件。 也注定他使用的限制, 兩個窗體必須建立起聯絡。 常見建立聯絡的方式: window.open、 window.opener、iframe

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

websocket是html5開始提供的一種在單個 tcp 連線上進行全雙工通訊的協議。在websocket api中,瀏覽器和伺服器只需要做乙個握手的動作,兩者之間就直接可以資料互相傳送。你可以通過 send() 方法來向伺服器傳送資料,並通過 onmessage 事件來接收伺服器返回的資料。

瀏覽器不同頁面之間的通訊

1 在b頁面中可以使用window.opener獲得a頁面的window控制代碼,使用該控制代碼即可呼叫a頁面中的物件,函式等。例如a頁面定義js函式onclosepageb,在b頁面可以用window.opener.onclosepageb來進行 2 使用 window.showmodaldial...

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

呼叫localstorge cookies等本地儲存方式。方法一 localstorge在乙個標籤頁裡被新增 修改或刪除時,都會觸發乙個storage事件,通過在另乙個標籤頁裡監聽storage事件,即可得到localstorge儲存的值,實現不同標籤頁之間的通訊。標籤頁1 標籤頁 2 方法二 使用...

IE瀏覽器的四種技巧,可以試用一下

ie幾乎是各位菜鳥 大蝦上網時的首選瀏覽器,有關它的常規使用技巧,相信各位早已是耳熟能詳了。不過筆者始終認為,只要你足夠用心 細心,就一定會不斷 挖掘 出ie新的使用技巧來。不信,就來看看下 面的幾則新鮮用法吧,相信會讓各位有耳目一新之感!1.尋找失落的ie啟動按鈕 正常情況下,ie瀏覽器的快速啟動...