web-dev-qa-db-ja.com

iframeから親URLを変更

簡単な問題で助けが必要です！次の基準があります。

1）iframeの変更の親ページの画像リンクをクリックし、別のページのiframeの画像リンクの変更親をクリックします（以下を参照）。

簡単に聞こえるかもしれませんが、私は数日間グーグルで検索され、多くのフォーラムを見ました。コードはhtml cssまたはjsにすることができますが、回答はできる限りシンプルにし、テストサイトのコーディングまたは再コーディングは初めてなので、完全な実用例を投稿してください： http：//www.howiepotter。 com/parent.html

enter image description here

javascriptiframeparent
42
user1476899

http://reference.sitepoint.com/html/a/target

"_上"

現在のフレームのネストされたレベルの数に関係なく、最上位のフレームセット（事実上、ブラウザウィンドウ全体）にコンテンツをロードします

<a href="page" target="_top">Replace parent url!</a>
62
biziclop

これからリンクを変更します。

<a href="link-here.html">

これに：

<a href="#" onclick="top.window.location.href='yourURL';">

必要に応じて、代わりに画像にonclickハンドラーを配置し、アンカーを取り除くことができます。

これはjavascriptを持っている正しい場所ではないことに注意してください（ハンドラはマークアップではなく.jsファイルからバインドする必要があります）が、外科的な答えを探していると感じており、ベストプラクティスをあまり気にしません。

編集：Victor Nicolletが指摘したように、iframeと親ページがドメインを共有しない場合、これはセキュリティ例外をスローします。 http://en.wikipedia.org/wiki/Same_Origin_policy を参照してください

33
jbabey

@biziclopがコメントで行うと脅迫していると思われるため、回答を削除することにした場合、非常に便利な回答を次に示します。

http://reference.sitepoint.com/html/a/target

"_上"

現在のフレームのネストされたレベルの数に関係なく、最上位のフレームセット（事実上、ブラウザウィンドウ全体）にコンテンツをロードします

<a href="page" target="_top">Replace parent url!</a>
0
Pixelomo