landrunner’s blog

しばらく開発から離れてた人間が、技術的キャッチアップを図るための勉強ブログ

iframe, frameの中から親windowのどの要素に表示されているかを取得する

この記事はQiitaの記事をエクスポートしたものです。内容が古くなっている可能性があります。

そんなに使うこともないだろうけど、調べるのに意外とてこずったので自分用にメモ。 window.frameElementに親ウインドウのframe, iframeの要素が含まれている。 frameとして表示されていない場合はこの値はnullになる。

<!DOCTYPE html>
<html>
    <body>
        <iframe id='frame_sample' src='frame.html'>
             iframe対応ブラウザでみてください
        </iframe>
    </body>
</html>
<!DOCTYPE html>
<html>
    <body>
       <script>
          if(window.frameElement != null){
              document.write(window.frameElement.id + "内で表示されています。");
           }else{
              document.write("frameとして表示されていません。");
           }
       </script>
    </body>
</html>

表示内容: f:id:landrunner:20200412153212p:plain

注)多分cross originでは使えないと思う。