使用 HTML <base> 标签的解决方案

要在父窗口中打开来自 <iframe> 的链接,我们可以使用 <base> 标记并将目标属性设置为 <head> 部分中的 _parent。

在父窗口中从 <iframe> 打开链接的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <base href="https://www.onitroad.com/" target="_parent">
  </head>
  <body>
    <iframe src="https://www.onitroad.com" width="500" height="500"></iframe>
  </body>
</html>

现在,我们可以将上面的示例与以下示例进行比较,其中目标属性设置为 _blank,这会在新窗口中加载链接。

在新窗口中从 <iframe> 打开链接的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <base href="https://www.onitroad.com/" target="_blank">
  </head>
  <body>
    <iframe src="https://www.onitroad.com" width="500" height="500"></iframe>
  </body>
</html>
如何在父窗口中打开 <iframe> 的链接

iframe 嵌入到网页中。
我们可以在页面中嵌入 <iframe>,该页面位于另一个网页上的另一个 <iframe> 内。

日期:2020-06-02 22:15:10 来源:oir作者:oir