在iframe之外的iframe内部打开链接

时间:2017-08-22 06:40:46

标签: javascript html iframe

我使用的iframe代码类似于:

<iframe src="/comment_contents.php?profile_id=2850" height="100%" width="100%" style="border: none;">
</iframe>

在另一个页面中的Bootstrap模式中(/profile_comments.php?profile_id=2850)。

iframe页面内的HTML内容(/comment_contents.php?profile_id=2850)是这样的:

<form method="post" action="/comment_contents.php?profile_id=2850" class="form-comment">
  <div class="form-comment-contents">
    <input type="text" name="comment" value="" class="comment-text">
    <input type="submit" value="Comment" class="comment-submit">
    <br><br>
    <a href="/view_profile.php?id=2851">
      <img src="img/profile2851.jpg" class="circle-comments" alt="Emma Watson">
    </a>
    <div class="comment-text lead">You are just awesome!</div>
    <br>
    <a href="/view_profile.php?id=2852">
      <img src="img/profile2852.jpg" class="circle-comments" alt="Bill Gates">
    </a>
    <div class="comment-text lead">You are Cool!</div>
  </div>
</form>.

你可能已经注意到有一个代码:

<a href="/view_profile.php?id=2852">...</a>

因此,当某人点击它时,会在iframe内打开“配置文件视图”页面。但我希望链接不是在iframe中打开,而是在外部打开。我的意思是,在URL栏中。

是否有任何javaScript或其他内容可以在URL栏中打开链接URL(在iframe内)?

2 个答案:

答案 0 :(得分:1)

只需将target="_top"添加到该链接

即可
<a href="/view_profile.php?id=2851" target="_top"><img src="img/profile2851.jpg" class="circle-comments" alt="Emma Watson"></a>

答案 1 :(得分:0)

您是希望在新标签页中打开链接而不是在同一标签页中?

你可以试试这个..

a href =&#34; /view_profile.php?id = 2852&#34;目标=&#34; _blank&#34;&GT; ...

我使用了target =&#34; _blank&#34;允许您在新选项卡中打开链接。此链接可能有所帮助,https://www.w3schools.com/tags/att_a_target.asp