• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：X-Frame-Optionエラーの検出方法）

X-Frame-Optionsエラーの検出方法

think49の回答

  • ベストアンサー
  • think49
  • ベストアンサー率59% (285/482)
回答No.1

質問されたコードとほぼ同じですが、X-FRAME-OPTIONS を実装している IE8 で alert になることを確認しました。 http://jsfiddle.net/Vjbay/ X-Frame-Options の参考URL http://blogs.msdn.com/b/ie/archive/2009/01/27/ie8-security-part-vii-clickjacking-defenses.aspx http://blogs.msdn.com/b/ieinternals/archive/2010/03/30/combating-clickjacking-with-x-frame-options.aspx https://developer.mozilla.org/en/the_x-frame-options_response_header

yarusenasu
質問者

お礼

返答ありがとうございます。 確認したところ、IE8,firefox3.6ではiframe読み込みエラー後にもonloadが呼ばれるようですね。 残念ながらwebkit系ブラウザではiframe読み込みエラー後にはonloadが呼ばれませんでした。 大変参考となりました。ありがとうございます。

この回答がついた質問に戻る
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • googleモバイルがiframeで表示できない

    firefox3.6.20で以下のHTMLを表示した際、画面が真っ白になります。 <html><head></head> <body> <iframe id="myframe" src="http://www.google.co.jp/m"/> </body> </html> iframeの表示URLをhttp://www.google.co.jp/にした際は正しく表示されます。 googleモバイルだけ表示されないのはなぜでしょうか。

    • ベストアンサー
    • HTML
  • x-frame-options: DENYについて

    クリックジャッキング対策で x-frame-options の設定を x-frame-options: DENYにしたのですが、 Google 広告のiFrameの表示は制御されず、広告が表示されています。 （添付ファイル参照） この挙動自体は実はありがたいのですが、 x-frame-options: DENYにしても、 なぜ Google の広告が表示されるのかご存知の方、ご教授頂けると幸いです。 Javasciptのdom操作等で後からiFrameが生成された場合は制御されない、という事なのでしょうか？

  • 入れ子のフレームでjavascriptが上手く動作しない

    frame.html ----- フレームセットを設定している frm1.html ------ フレーム１に表示する frm2_a.html ---- フレーム２に最初に表示する frm3_a.html ---- フレーム３に最初に表示する frm2_b.html ---- フレーム２に二番目に表示する frm3_b.html ---- フレーム３に二番目に表示する jscript.js ----- 外部javascript frame.html（抜粋） <head> <script type="text/javascript" src="jscript.js"></script> </head> <frameset cols="*, 200px"> <frameset rows="*, 100px"> <frame src="frm1.html" name="フレーム１" onload="addHtml()" noresize> <frame src="frm2_a.html" name="フレーム２" noresize> </frameset> <frame src="frm3_a.html" name="フレーム３" noresize> <noframes> </noframes> </frameset> jscript.js（抜粋） function addHtml(){ alert("in"); parent.フレーム２.location.href = "frm2_b.html"; parent.フレーム３.location.href = "frm3_b.html"; parent.フレーム３.document.getElementById("addArea").innerHTML = "追加内容"; alert("out"); return; } frm3_b.html（抜粋） <body> <div id="addArea"><div> </body> frm.htmlをブラウザ（IE系）で表示　→　onloadイベントでaddHtml() 　→　フレーム切り替え、"追加内容"をaddAreaに追加 　→　追加されず、alert("out")の行が実行されない。 更新ボタンを押し、alert("in")をOKボタンで消し、 次のalert("out")のダイアログを表示している間だけ追加された内容が表示され、 OKボタンで消すとaddArea内の内容が消えます。 フレーム１にページが読み込まれたときにイベントでスクリプトを 動かしたいのですが、うまくいかずこまっています。 問題点や改善点、別のやり方等教えていただけないでしょうか。 不明な点がございましたら、訂正・補足いたします。 よろしくおねがいします。

  • javascriptの動的読み込みについて教えてください

    javascriptの動的読み込みについて教えてください いつもお世話になります。 jqueryを勉強中のものです。 少しややこしいのですが、 以下のmenu.htmlとmain.htmlを持ったframe.htmlで、メニューの試験ボタンを押してmain.htmlの<div id="target_id">にload.htmlを動的に読み込んだ時、loadされたhelloボタンが作動しません。 menu.htmlのtest()中のalert(data);でload.htmlの<script>が読み込まれていることは確認できるのですが・・何が原因でどこが悪いのでしょうか？ よろしくご指導お願いします。 frame.html ----------------------------------------------------------- <html> <head> <title>Dynamic Load Test</title> </head> <frameset name="frame" cols="180,*"> <frame name="menu" src="menu.html"> <frame name="MainPanel" src="main.html"> </frameset> </html> ----------------------------------------------------------- menu.html ----------------------------------------------------------- <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"><!-- function test(){ jQuery.get("./load.html",function(data){ alert(data); $("#target_id",window.parent.MainPanel.document).html(data); }); } // --></script> </head> <body> <button onClick="test();">試験</button> </body> </html> ----------------------------------------------------------- main.html ----------------------------------------------------------- <html> <head> </head> <body> <h1>main.html</h1> </body> <div id="target_id"></div> </html> ----------------------------------------------------------- load.html ----------------------------------------------------------- <h1>load.html</h1> <script type="text/javascript"><!-- function hello(){ alert("こんにちわ"); } // --></script> <button onClick="hello();">hello</button> -----------------------------------------------------------

  • iframeのソースを取得したい

    いつもお世話になります。 物凄くまとめてしまってすみません。 window.onload = alert(document.getElementsByTagName("body")[0].getElementsByTagName("iframe")[0].contentWindow.document.innerHTML); というようなスクリプトを実行しているのですが、未定義（undifined）が表示されてしまいます。 もちろんbodyないにちゃんとしたsrcを指定したiframeはあります。 どのようにすればいいでしょうか。 よろしくお願いします。

  • javascriptからframeへの出力方法

    <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'> <html> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> function init(){ $("f1").innerHTML = "hoge"; $("f2").innerHTML = "piyo"; } </script> </head> <frameset cols="50%,*" onload="init()" > <frame id="f1"> <frame id="f2"> </frameset> </body> </html> 上記、二つに分けたフレームにそれぞれ"hoge"と"piyo"と表示したいのですが出来ません。フレームにjavascriptからアクセスするにはどうしたらよいですか？

  • JS 違うフレームのCSSを読み替える方法

    いつもお世話になります。 過去に何度も出ている質問なのですが、 どれをやってみてもうまくいきませんので、 今更ながら質問させていただきます。 JavaScriptを使用して、一つの子フレームのコンボボックスを 操作すると、もう一つの子フレームのCSSが変化する内容を 実現したいと思っています。 様々な過去ログなどを見て、自分なりに修正してみたのですが、 上手くいきません。 コードを記述いたしますので、悪い点などを指摘し、正しい答えを 教えていただければ幸いです。 以下コード －－－－－－－－－－－－－－－－ フレームセット <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title></title> </head> <frameset cols="200,*"> <frame src="menu.htm" id='menu'> <!--　↑ここは今回は関係なし --> <frameset rows="100,*"> <frame src="top.htm" id="up"> <frame src="page0.htm" name="main1"> </frameset> <noframes> <body> <p>フレームの代替内容</p> </body> </noframes> </frameset> </html> 子フレーム(操作する側) <html> <head> <title></title> <script type="text/javascript" src="common.js"></script> </head> <body> <select onchange="changesytle(value);"> <option value="style.css">標準スタイル</option> <option value="">スタイルなし</option> </select> </body> </html> 子フレーム(操作される側) <html> <head> <link rel="stylesheet" type="text/css" href="style.css" id="mystyle"> <!-- これを操作しようとしています。 --> <title></title> </head> <body> <h1>ここの文字の色が変わります。</h1> </body> </html> common.js function changesytle(cssfile) { main1.document.getElementById('mystyle').href = cssfile; // ↑これがうまくいかない } style.css h1 { color : #ff0000; } －－－－－－－－－－－－－－－－－－－－－ 以上です。 何卒よろしくお願いいたします。

  • フレーム内の履歴の一覧を作成

    フレーム内の履歴の一覧を作成 いつもお世話になっております。 フレーム内で移動したリンクの一覧を作成したいのですが、フレーム内のURLの抽出が分かりません。 下記のように作りましたが、『var　url～』のところの記述では、親htmlのURLが表示されます。 これを改善し、さらに飛んだ先（例ではgooの先)のURLをリスト化することは可能でしょうか？ フレーム内URLのテキスト表示だけでも分かる方がいらっしゃいましたら、ご回答お願いいたします。 <HTML> <HEAD> <TITLE>test1</TITLE> <SCRIPT TYPE="text/javascript"> <!-- var url = location.href; document.write(url); //--> </SCRIPT> </HEAD> <BODY> <BR> <IFRAME NAME="frameA" SRC="http://www.goo.ne.jp/" WIDTH="300" HEIGHT="300" SCROLLING="OFF"> </IFRAME> </BODY> </HTML>

  • designMode=on のときのキーイベント処理

    HTMLエディタを使ったWEBアプリケーションを作っているのですが、 designMode=onにしてインナーフレームを編集可能にしたとき、 Mozillaの場合、キーイベントが反応せず困っております。(IEでは動きます) どなたか、ご存知のかたは教えてください。 よろしくお願いします。 OS : WindowsXP ブラウザ：firefox 2.0.0.4 ・ソース <html> <head> <script type="text/javascript"> var doc=null; function init(){ var doc = document.getElementById("testFrame").contentWindow.document; doc.designMode = "on"; doc.onkeydown = test; } function test(){ alert("OK"); } </script> </head> <body onload='init();'> <iframe id="testFrame" width="500px" height="500px" ></iframe> </body> </html>

  • Window.open でフレームに表示

    JAVAを使い、指定のフレームに新しい画面を表示したいのですが、要領が良く判りません。 以下のように _blank で新しいウィンドウを開くのはできます。どなたか　ご指導　お願いします。 <TITLE></TITLE> <SCRIPT language="JavaScript"> function new_window(url) { window.open(url, '_blank'); } </SCRIPT> </HEAD> <BODY onload="new_window('comp-page1.htm');">

    • ベストアンサー
    • Java

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する