2013-03-29 13 views
24

私はこのiframeのコードを持っている:iframeリンクを親ウィンドウに読み込みますか?

私はそれに行くと、ページがロードされますと、私はgetoutますpage..then私はiframe内のリンクをクリックしis..when何をしようとしている
<iframe src="http://www.example.com" border="0" framespacing="0" marginheight="0" marginwidth="0" vspace="0" hspace="0" scrolling="yes" width="100%" frameborder="0" height="100%"></iframe> 

現在のページから新しいページとしてiframeリンクに移動します。

何かのようなものはtarget="_self" - 通常のiframeのようにブラウザ自体に変更を加えずにこのリンクに移動します。

例: のiframe SRC:

私はhttp://www.w3schools.com/html/default.asp に行くだろうと私のブラウザのURLもそれに変わりますpage..thenのiframe内の "HTMLを学び" をクリックhttp://www.w3schools.com

私はiframe内のリンクをクリックして、私はそれに行きます。

アイデア?

答えて

35

はい、これを実現するにはtarget="_parent"を使用できます。

"target =" _ parent "はリンクされたドキュメントを親フレームに開きます。"

例:

<a target="_parent" href="http://example.org">Click me!</a> 

編集:

それが働いていない場合、あなたは_topを試すことができます。

<a target="_top" href="http://example.org">Click me!</a> 

またはbase target:JavaScriptで

<base target="_parent" /> 

またはwindow.top.location:あなたが探しているもの

window.top.location = "http://example.com"; 
+0

Qがあなたupdated..thankされているメインのサイトにリダイレクトします。 – user2203703

+0

@ user2203703私は理解していない、これは質問に答える。 iframe内のリンクでターゲットの親を使用します。 – lifetimes

+0

iframeを持っているページを残して、iframe内をクリックしたリンクに行きます。 – user2203703

13

<a href="..." target="_parent">

_parentが、それは親フレーム

_topに行くことになりますですそれを最上位に移動させます。

_parentまたは_topのいずれかがターゲットとして機能します。

+1

の代わりに_parentを持っていることがあるため、質問にはっきりしないかもしれません。 iframe内のページ...そのページのHTMLを制御できますか、それともサードパーティのサイトですか?私はtarget = _topをインクルードするように答えを更新しましたが、もちろんあなたがフレームの内容をコントロールしていると仮定しています。 –

5

はい、リンクにtarget="_parent"を追加すると、メインページに読み込まれます。

+0

Qが更新されました。ありがとうございました。 – user2203703

6

javascriptを使用すると、ターゲットをリンクに動的に追加することができます。

function onLoadIF(frame) 
{ 
    var elements = frame.getElementsByTagName('a'), 
     len = elements.length; 

    while(len--) { 
     elements[len].target = "_parent"; 
    } 
} 

次に、onload = "onLoadIF(this)"をiframeに追加します。

1

サイトはiframe内に開いた場合は、

<script> 
    if (window.top.location != window.self.location) { 
     top.window.location.href = window.self.location; 
    } 
</script> 
+0

それはハックだし、質問に答えることさえできません。 –

関連する問題