嵌入式链接 html

Links in embedded html

我有一些 HTML 代码正试图嵌入到站点中。 代码是一个 iframe,里面应该有一堆 links,但是当我单击 links 时,它们只是将页面加载到 iframe 块中。

代码如下:

base.html

<head height="200" width="300">
    Text
</head>
<div>
<body>
    <iframe height="200" width="300" src="test.html"></iframe>
</body>
</div>

test.html

<head>
    <a href="file:///Users/Jean/base.html">Link</a>
</head>

有没有办法让我告诉 link 不要在框架内加载?

我已经知道一个解决方法是将 "target="_blank"" 添加到 link 以便它在新选项卡中打开。

尝试添加 target="_top" 这应该针对父 URL 而不是 iframe URL

<head>
    <a target="_top" href="file:///Users/Jean/base.html">Link</a>
</head>

尝试添加 target 属性,如下所示

<a href="file:///Users/Jean/base.html" target="_parent">Link</a>

标签 _parent 将定位 iframe 的直接父级 window。 标签 _top 将定位到顶部 window。