页面内容中的HTML Iframe

Question

我在HTML页面中有大量内容，我想在iframe中添加相同的内容。 但是将内容放在页面内的iframe标签中，页面将该部分显示为空白。 请建议我们如何在iframe中将内容放在同一个HTML中。 如果应用相同的页面内容，应该在src中放置什么。

<iframe src="">
//Content
</iframe>

谢谢。

Answer 1

我强烈建议您如果要将当前页面输出的大部分放在页面的可滚动区域中，请不要使用iframe，而是执行以下操作：

<div style="overflow-y: auto; width: 100%; height: 400px;">
  <!-- put all of your large amount of content after this comment, before the closing div tag -->
  <p>this is my huge amount of content (just an example.... you'd have hundreds of lines of code here I suspect</p>
</div>

当然，您可以根据需要更改div的高度和宽度。

div style =“overflow-y：auto;” 具有指定的宽度和高度应该（我认为）在页面中创建一个类似于iframe输出的可滚动区域，但不要求浏览器加载内容的两个副本。 你也避免了无限循环的可能性。

如果你愿意，你也可以在该区域周围添加边框，例如在高度：400px之后; 通过将第一行更改为：

<div style="overflow-y: auto; width: 100%; height: 400px; border: 2px solid grey;">

Answer 2

您可以将链接放到显示内容所需的页面

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

src =可能由空格包围的URL提供嵌套浏览上下文要包含的页面的地址。

阅读iframe

Answer 3

比如说你的所有HTML都在index.html中，只需将src属性设置为index.html 。

像这样：

<iframe src="index.html"></iframe>

请记住，这不一定正常，因为您将<iframe>运行到连续循环中。 但是，如果我错了，请纠正我，它只会重复iframe两次作为安全策略。

Answer 4

<iframe src="URL or pagename.html"></iframe>