javascript - JS 呼び出しでコンテンツを非表示にする

Question

同じドメインにないページがあり、別の特定のサイトに読み込まれたときにヘッダーとフッターを非表示にできるようにしたいと考えています。

これは iframe-resizer を使用して実行できますか? 以前に使用したことがあり、うまく機能しますが、クロスコミュニケーションを試したことはなく、セキュリティの問題が発生すると思います.

子ページの JS 関数に postMessage を呼び出して、要素を非表示にできることを期待していました。

Answer 1

はい、postMessage を使用するとうまくいくと思いますが、iFrame が読み込まれるまで送信されないため、少しフラッシュが発生する可能性があります。

のようなものを使用して見ることもできますif (window.location !== top.location) {...}。