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 =＆＃34; overflow-y：auto;＆＃34;具有指定的宽度和高度应该（我认为）在页面中创建一个类似于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提供页面的地址嵌套浏览上下文要包含。

阅读iframes

Answer 3

例如，假设您的所有HTML都在index.html中，只需将src属性设置为index.html即可。

像这样：

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

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

Answer 4

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

页面内容中的HTML Iframe

4 个答案: