JavaScript - あるページのボタンをクリックすると、別のページにテキストが表示されます

Question

あるページのボタンをクリックして、別のページの p 要素のテキストを表示したいと考えています。両方のページで js がインポートされています。どうすれば成功できますか?

Answer 1

あなたの説明によると、通信は同じドメイン（同じプロトコル、ホスト名、ポート）内の2つのWebページ間で行われる必要があります。この場合、h5のlocalStorageを介して実現できます。サーバーを経由する必要はありません。

1. ページ a のボタンをクリックすると、新しい localStorage 値のペアを設定します。

リーリー

2. ページ b のウィンドウのストレージ イベントを聞きます。このイベントがトリガーされると、保存されたデータが変更されたことを意味します。イベント イベント オブジェクトの key 属性を使用して、設定した setText の場合は、$("# の内容を設定できます。外"）。

リーリー

ページ b はストレージ イベントをリッスンするため、ページを更新した後、ページ a がクリックされたときに設定された setText 値がまだ元の値である場合、このイベントはトリガーされません。ページ b が更新された後もこの要素に設定したばかりの値を表示したい場合は、ページ b に判定も追加する必要があります:

リーリー

ご質問がございましたら、ご相談いただければ幸いです。

Answer 2

iframe の場合は、postMessage を使用してください

2 つの別々の Web ページがある場合、ページ A がデータを送信し、サーバーがデータをデータベースに保存するためにポーリングを実行し、データが変更されたかどうかを確認し、変更された場合はデータを更新します。何か変化はありますか

Answer 3

postMessage

Answer 4

あなたのニーズが理解できなかったので、質問者が必要としているのは websock だと大胆に推測しました