はじめに 環境 今回やりたいこと ウィンドウにデータを渡す二つの方法 1. ローカルストレージを用いる方法 2. window.postMessage()を用いる方法 ウィンドウにデータを渡す実装 ローカルストレージを採用した場合 親ウィンドウの実装 子ウィンドウの実装 window.postMessage()を採用した場合 親ウィンドウの実装 子ウィンドウの実装 参考サイト はじめに window.open()で開いたウィンドウに親ウィンドウからデータを渡す処理を仕事で書いた時に色々と苦労したので、備忘録としてプライベートでも似たような実装をしてみました。 環境 SPAフレームワークのAngular/TypeScriptを使用しています。 Angular: 8.2.14 Node: 12.13.1 TypeScript: 3.5.3 今回やりたいこと 1.あるウィンドウからwindow.
![window.open()で開いたウィンドウにデータを渡す - 中安拓也のブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ea17e8b7fa30aabd1237b9327095e4128394abc/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fl%2Fl08084%2F20200509%2F20200509230224.png)