javascript - js Gibt es eine elegante Möglichkeit, zwischen zwei gleichzeitig geöffneten Tabs zu kommunizieren?

Question

Hier ist ein Beispiel: Ich habe zwei Seiten a und b gleichzeitig geöffnet, mich auf a konzentriert und einige Vorgänge ausgeführt, wobei ich die js auf Seite a meine Vorgänge verarbeiten und die Daten an Seite b daneben senden ließ. Zu diesem Zeitpunkt kann Seite B diese Daten empfangen und Feedback geben, ohne den Server zu aktualisieren oder zu durchlaufen. Ähnlich wie hundert...

阿神 · Answer

这是一道阿里的面试题，方法很多。利用localstorage的storage事件可以通讯；shadredworker也可以解决；还有就是用websocket。

仅有的幸福 · Answer

如果你能控制ab的页面甚至决定URL: sharedworker / localstorage / sessionstorage 都可以用

世界只因有你 · Answer


song-1
song-2
song-3

属性target="framename"表示在指定的框架(页面)中打开链接.
可以实现:
点击添加商品到购物车时,如果购物车页面已经打开,则只刷新该页面,而不是打开新的购物车页面.
点击播放歌曲时,如果播放器页面已经打开,则只刷新该页面,而不是打开新的播放器页面.

世界只因有你 · Answer

提示下思路：
浏览器同时打开两个同域名的网页，他们的localStorage是共享的，不仅如此，他们之间的localStorage值改变也是可以监听的。同域的a和b两个页面，a页面发生localStorage.set('abc', 123)，b页面可以通过如下方式监听变化：

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

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial