Question

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

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

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

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

Answer 1

如果我理解正确，您需要在页面上使用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>

Answer 2

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

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

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

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

Answer 3

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

<iframe src="http://www.google.com"></iframe>

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

3 个答案: