HTMLリンクがフレームから新しいタブに外れない/可能ですか？

Question

私は動的にjQueryのAPPENDを使用してリンクを作成しています...ここでは、コードです：iframeをページ内

tr.append('<td>' + obj.title + '<a href="http://somesite.com"><i class="fa fa-external-link wb" target="_top"></i></a></td>'); 

このコードのサイトは、私は、私はそれがフレームから抜け出す必要があり、このリンクをクリックしたとき。 ..できれば新しいタブに入れてください。

私の問題は、それがまったくリンクしておらず、フレームから外れていないことです。

これを動作させるにはどうすればよいですか？

Answer 1

は次のことを試してみて、それが動作するかどうかを確認：

tr.append('<td>' + obj.title + '<a href="http://somesite.com" target="_blank"><i class="fa fa-external-link wb" target="_top">Test</i></a></td>'); 

Answer 2

あなたはiframeのコンテンツ上のリンクつの層を開くためにtarget="_parent"を使用することができます。レイヤーがさらに多い場合は、target="_top"を使用して元のウィンドウで開きます。

はw3schoolsまたはMDNにHTMLのtarget属性を参照してください：

_parent：現在のフレームまたは現在の1のHTML5の親ブラウジング・コンテキストのHTML4フレームセットの親への応答をロードします。親がない場合は、このオプションは_self

_topと同じような動作をします：HTML4では： は、他のすべてのフレームをキャンセルし、完全な、元のウィンドウに応答をロードします。 HTML5では：あなたのケースでは

[...] トップレベルのブラウジングコンテキストに応答をロードし、それは次のようになります。

tr.append('<td>' + obj.title + '<a href="http://somesite.com" target="_parent"><i class="fa fa-external-link wb"></i></a></td>'); 

また、インラインフレームを抜け出しについてthis questionを参照してください。

Answer 3

あなたのtarget="_top"属性は正常ですが、<i>タグではなく、アンカー（<a>タグ）に属しています。 _topは、最初のものだけでなく、すべてのiframeから壊れるため、親よりも優れています。それがうまくいかなければ、それを防ぐ他の何かがあり、それはおそらく不可能でしょう。