1. 程式人生 > >【JavaScript】巧用 localStorage 實現跨瀏覽器tab頁互動

【JavaScript】巧用 localStorage 實現跨瀏覽器tab頁互動

跨瀏覽器tab頁的互動,比如說一個網站有一個模組是通過超連結_blank在一個新tab頁開啟,但是這是點選新tab頁的內容需要網站也有反應,這時就可以運用localStorage。只要是同一個域名下就都能訪問到。
新tab頁裡的表格有個點選事件,點選完後網站頁彈出這行的資訊。可以這樣操作:

//表格點選事件回撥
function clkTb(row) {
    localStorage.setItem('curRowId', row.id);//前面是鍵,後面是值
}
//網站頁接收
$(function() {
    window.addEventListener('storage', function
(ev) {
console.log(ev);//在這裡可以找到你剛剛設定的值。 }) })