有人可以解释iFrames吗?

时间:2012-05-22 21:14:04

标签: html iframe

我对iFrame的理解是内部的内容正是src中包含的内容。我见过很多像Facebook等使用iFrame的小部件。

当我尝试使用iFrame时,我有一个HTML文件,里面只有div和一些内容,没有头部,正文等。只是HTML中的内容。但是iFrame总是加载整个页面,最终在iFrame中给我一个递归的iFrame。

我不知道这是怎么回事,因为我在iFrame中引用的HTML文件只是内容而没有别的。我不包括页眉,页脚,但无论如何都会显示。

我已经看到人们在谈论将iFrame滚动到某个部分,甚至在src中使用div的id并设置scrolling = no。这可行,但我的iFrame内容将根据用户输入重新加载,一旦重新加载,它将返回到iFrame内页面的左上角部分。

这没有任何意义。也许这应该是一个小部件或什么?

编辑SD以显示一些格式化代码: @Surreal Dreams

这是奇怪的事情。我正在使用web2py,因此它可能是导致后端固有的东西。 html文件字面上是一个div包装器,里面有一些元素。但我认为web2py正在那里添加标题,即使我没有扩展任何类型的布局。我最终确实通过引用在另一个网址上保存的异地html文件来使其正常工作。它在没有web2py干扰html结构的情况下正常显示。

以前发生了什么,我有这样的代码:

{{extend 'layout.html'}}
<div class="wrapper">
<page content>
<aside id="iFrame wrapper">
<iframe src="/rates.html"></iframe>
</aside>
</div>

这就是web2py页面的基本结构,其中内部布局包含所有页眉,页脚等。那么发生的事情是它将生成整个页面,并且您到达iFrame的位置,它会生成页面再次在iFrame中,然后再次转到iFrame,继续无限渲染每个iFrame页面内的页面。

1 个答案:

答案 0 :(得分:2)

iframe将始终加载整个网页,在iframe的src属性中引用。即使您的文件只包含div,我相信浏览器会将其视为整页并自动添加头部和正文。

&#34;我已经看到人们在谈论将iFrame滚动到某个部分的位置&#34; =&GT;是的,一旦加载了iframe中的页面,就可以使用JavaScript来访问和操作它的DOM:

var myIframe = parent.document.getElementById("myIframe");
var window = myIframe.contentWindow;