1

如何让 iframe 将整个页面加载到下一页？

我是一个 N00b html 编码器，我想知道

<center>
<a href="www.google.com">Home</a>
<hr>

并将其加载到 iframe 中，然后单击它，它会加载到 iframe 内。我希望它加载到整个页面上。

4

3 回答 3

3

如果我理解正确，您希望能够单击 iframe 内的链接并在整个窗口中打开它吗？

在这种情况下，您需要在链接上指定一个目标，例如：

<a href="www.google.com" target="_top">Home</a>

这将确保顶部框架（即窗口）跟随链接。

于 2013-10-29T23:01:19.783 回答
3

如果我理解正确，您希望页面上有一个 iframe，但是当点击 iframe 时，您希望 iframe 中的页面在新选项卡中打开。这就是我所做的：

<!DOCTYPE html>
<html>
    <head>
        <style>
        div.iframe-link {
        position: relative;
        float: left;
        width: 730px;
        height: 330px;
        margin: 0 1em 1em 0;
        }
        a.iframe-link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        }
    </style>
</head>
<body>
    <div class="iframe-link">
    <iframe src="http://en.wikipedia.org" width="750" height="350">
    Your browser does not support iframes.
    </iframe>
    <a href="http://en.wikipedia.org" target="_blank" class="iframe-link"></a>
    </div>
</body>
</html>

在此 iframe 中，您仍然可以使用滚动条，但如果不转到该页面，您将无法在 iframe 中执行任何操作。更改 div.iframe-link 中的宽度和高度以更改 iframe 的超链接部分的大小。我的例子有维基百科而不是谷歌。

:)

此外，如果您不希望 iframe 链接在新选项卡中打开，只需更改

<a href="http://en.wikipedia.org" target="_blank" class="iframe-link"></a>

至

<a href="http://en.wikipedia.org" target="_self" class="iframe-link"></a>
于 2013-10-30T00:07:07.267 回答
0

尝试这个。对我来说它有效

<iframe src="http://www.google.com"></iframe>
于 2013-10-29T22:54:03.333 回答