リンクを新しいページで開くのではなく、同じ親ページで開く必要があります。
注:iframe
と親ページは同じドメインです。
baseタグを使用するのが最善の解決策であることがわかりました。iframe のページの先頭に次を追加します。
<base target="_parent">
これにより、ページ上のすべてのリンクが親ウィンドウに読み込まれます。リンクを新しいウィンドウにロードする場合は、次を使用します。
<base target="_blank">
ターゲット属性を使用:
<a target="_parent" href="http://url.org">link</a>
JavaScript の場合:
window.parent.location.href= "http://www.google.com";
任意のオプションを使用できます
親ページのみの場合:
すべてのリンクを親ページまたは親 iframe に開きたい場合は、iframe の head セクションで次のコードを使用します。
<base target="_parent" />
また
親ページまたは親 iframe への特定のリンクを開きたい場合は、次の方法を使用します。
<a target="_parent" href="http://specific.org">specific Link</a>
<a href="http://normal.org">Normal Link</a>
また
ネストされた iframe の場合:
すべてのリンクをブラウザー ウィンドウに開きたい(ブラウザーの URL にリダイレクトする) 場合は、iframe の head セクションで次のコードを使用します。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
$("a").click(function(){
top.window.location.href=$(this).attr("href");
return true;
})
})
</script>
また
特定のリンクをブラウザ ウィンドウに開きたい(ブラウザの URL にリダイレクトする) 場合は、次の方法を使用します。
<a href="http://specific.org" target="_top" >specific Link</a>
また
<a href="javascript:top.window.location.href='your_link'">specific Link</a>
<a href="javascript:top.window.location.href='http://specific.org'">specific Link</a>
<a href="http://normal.org">Normal Link</a>
次のことができる HTML 要素がbase
あります。
ページ上のすべてのリンクのデフォルト URL とデフォルト ターゲットを指定します。
<base target="_blank" />
指定することで、 iframe_blank
内のすべてのリンクが外部で開かれるようになります。
内のtarget="_parent"
属性を試してくださいanchor tag
。
前述のとおり、target 属性を使用できましたが、XHTML では技術的に非推奨でした。これにより、JavaScript を使用することになります。通常はparent.window.location
.
最も汎用性が高く、最もクロスブラウザなソリューションは、「base」タグの使用を避け、代わりに「a」タグの target 属性を使用することです。
<a target="_parent" href="http://www.stackoverflow.com">Stack Overflow</a>
この<base>
タグは汎用性が低く、ブラウザーは文書内での配置要件に一貫性がなく、より多くのクロスブラウザー テストが必要です。<base>
プロジェクトや状況によっては、クロスブラウザーでタグを理想的に配置することが困難であったり、まったく不可能であったりする場合があります。
target="_parent"
タグの属性を使用してこれを行うと、<a>
ブラウザーが使いやすくなるだけでなく、iframe で開きたいリンクと親で開きたいリンクを区別することもできます。
Web ページで iframe を使用している場合、iframe から HTML ハイパーリンク (アンカー タグ) を介してページ全体を変更するときに問題が発生する可能性があります。この問題を軽減するには、2 つの解決策があります。
解決策 1. 次の例に示すように、アンカー タグのターゲット属性を使用できます。
<a target="_parent" href="http://www.kriblog.com">link</a>
解決策 2. JavaScript を使用して iframe から親ウィンドウで新しいページを開くこともできます。
<a href="#" onclick="window.parent.location.href='http://www.kriblog.com';">
注意 ⇒target="_parent"
は XHTML で廃止されましたが、HTML 5.x ではまだサポートされています。
次のリンクから詳細を読むことができます http://www.kriblog.com/html/link-of-iframe-open-in-the-parent-window.html
<a target="parent">
新しいタブ/ウィンドウでリンクを開きます ... 新しいタブ/ウィンドウ<a target="_parent">
を開かずに、親/現在のウィンドウでリンクを開きます。アンダースコアを忘れないで!
やー見つけた
<base target="_parent" />
これは、iframe で開いているすべての iframe リンクを開くのに役立ちます。
と
$(window).load(function(){
$("a").click(function(){
top.window.location.href=$(this).attr("href");
return true;
})
})
これは、ページ全体またはページの特定の部分に使用できます。
ご協力ありがとうございます。