はじめに
自分がiframeによって読み込まれているときだけ行いたい処理があったので、iframeによって読み込まれているかどうかを判別する方法を調べました。
自分用の備忘録も兼ねてまとめます。
結論
初めに結論です。
window != window.parent
で判別できます。
trueならiframeによって読み込まれているということになります。
解説
簡単に解説を書きます。
まず、iframeについてMDNに書かれていることをまとめると次のようになります。
- iFrameは閲覧コンテキスト（browsing context)を表現する
- 閲覧コンテキストは、セッション履歴（History）と文書（Document）をもつ
- 他の閲覧コンテキストを埋め込んでる閲覧コンテキストは親閲覧コンテキストと呼ばれる
- 最上位の閲覧コンテキストは、Windowオブジェクトで表される
つまり、
iFrameによって読み込まれている時、window.parentはiframeの親閲覧コンテキストになるので、windowにはなりません。
間違いや指摘があれば、コメントにお願いします。