ページがiframeで読み込まれているか判定する方法

jQuery

iframeは便利ですがそのページが親か子なのか(iframeで読み込まれているのか否か)分からなくなることや、親ページと子ページで挙動を変えたい時なんかがあると思います。

今回はページがiframeで読み込まれているのか判定する方法を紹介します。

スポンサーリンク

JavaScriptを使ってiframeの親と子を判定する

区別はJavaScriptを用いて簡単に行うことが可能です。

コード


windowが親のwindowと一致するかで、ページがiframeに読み込まれているか否か(親か子)を判定しています。

このコードによって、iframeで読み込まれている時とそうでない時のデザインの変更を行うことができて、とても便利です。


例えば、以下の様にiframeで読み込まれてない時はwidthを設定して、読み込まれている時はwidthを設定しないということが可能です。

こうすることでファイルや記述が少なくすることができるので良いと思います。

タイトルとURLをコピーしました