iPentec.com / Doc / JavaScript / HTML iframe

JavaScriptを利用してフレームにページを組み込まれるのを避ける (フレームリンクの解除) - JavaScript

概要

JavaScriptを用いて、フレームやインラインフレームからのページを呼び出しを防ぐ方法を紹介します。他サイトのページのフレームやインラインフレーム(iframe)内に自分のページを表示されて困る場合に用います。

補足:HTTPリクエストヘッダに設定する方法

インラインフレーム表示を拒否するには、HTTPレスポンスヘッダで対策する方法が一般的です。HTTPレスポンスヘッダで設定する場合は、レスポンスヘッダで X-Frame-Options:DENY を返します。詳しくはこちらの記事を参照してください。

呼び出される側のHTMLファイルに以下のコードを記述します。

<script type="text/javascript">
  if (top!=self) { top.location.href=self.location.href; }
</script>

上記のコードが記述されているページをインラインフレームで組み込んだ場合、インラインフレームが記述されたページ(呼び出し元ページ)を表示すると、元のコンテンツページへジャンプします。インラインフレームが解除されコンテンツページのみがWebブラウザに表示されます。

このページのキーワード

著者

iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用