javascript - js Is there any elegant way to communicate between two tabs that are open at the same time?

Question

Here is an example: I opened two pages a and b at the same time. I focused on a and performed some operations, letting the js on page a process my operations and send the data to page b next to it. At this time, page b can receive these data and give feedback without refreshing or going through the server. Similar to a hundred...

阿神 · Answer

This is an Alibaba interview question with many methods. Communication can be achieved by using the storage event of localstorage; shadredworker can also solve the problem; and websocket can also be used.

仅有的幸福 · Answer

If you can control the ab page and even decide the URL: sharedworker / localstorage / sessionstorage can be used

世界只因有你 · Answer


song-1
song-2
song-3

The attribute target="framename" means opening the link in the specified frame (page).
Can be achieved:
When you click to add items to the shopping cart, if the shopping cart page is already open, only refresh the page instead of opening a new one Shopping cart page.
When you click to play a song, if the player page is already open, only the page will be refreshed instead of opening a new player page.

世界只因有你 · Answer

Here’s an idea:
The browser opens two web pages with the same domain name at the same time. Their localStorage是共享的，不仅如此，他们之间的localStorage值改变也是可以监听的。同域的a和b两个页面，a页面发生localStorage.set('abc', 123) and b pages can monitor changes in the following ways:

window.addEventListener("storage", function(e){  
  console.log('key:', e.key); // "abc"
  console.log('oldValue:', e.oldValue); // null
  console.log('newValue:', e.newValue); // 123
});