嵌入式html中的链接

时间:2017-09-22 23:17:14

标签: html iframe anchor

我有一些HTML代码,我正在尝试将其嵌入到网站中。 代码是一个iframe,它应该有一堆链接,但当我点击链接时,他们只是在iframe块中加载页面。

before click after click

以下是代码:

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>

我有没有办法告诉链接不要加载到框架内?

我已经知道一种解决方法,即将“target =”_ blank“”添加到链接中,以便在新标签页中打开。

2 个答案:

答案 0 :(得分:2)

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

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

标记_parent将定位iframe的直接父窗口。 标记_top将定位到顶部窗口。

答案 1 :(得分:1)

尝试添加target="_top"这应该定位父网址而不是iframe网址

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