使用 iframe 显示静态文本内容答案

【问题标题】：Displaying static text content with iframe使用 iframe 显示静态文本内容
【发布时间】：2013-06-30 09:39:42
【问题描述】：

我有一个非常简单的要求。我有一个 <div> 标记，其中显示了一些文本内容。

我想在<iframe> 中显示相同的文本内容。我想达到的目标我写在下面。有人可以帮忙吗？

<b>
<div>This is a content which I want to display in iframe</div>
<iframe id="iframe" src=""></iframe></b>

【问题讨论】：

看来您不了解 iframe 的工作原理，建议您阅读一下 w3schools.com/html/html_iframe.asp

标签： html iframe

【解决方案1】：

如果是静态 HTML 站点，请创建一个包含您要显示的内容的新页面，并设置 <iframe> 的 src。

如果是动态页面应用（服务器端），创建new page 或handler 或controller（无论适用）并设置src 的<iframe> .

这些是实现您想要完成的目标的最佳和最简单的方法。

【讨论】：

谢谢，如果你能再回答我一个问题，正如你所说，我有一个控制器，它具有“显示”动作并需要一些 id。所以现在在 iframe 的 src 中我应该写这个 src="controllerName/action/id"。 ??
你可以这样写 - src="/ControllerName/Action/ID"。请将其他 StackOverFlow 访问者的答案标记为已接受（如果对您有帮助）。
能用代码显示吗？我没听懂你说的。

【解决方案2】：

又发现了一件我认为很有趣的与 iframe 相关的东西。您可以根据窗口的内容自动修复iframe 的高度和宽度。您需要做的就是包含下面编写的脚本，然后传递iframe 的id。

<iframe src="" width="100%" id="idIframe" onload="autoResize('idIframe');" ></iframe>     

<script>
function autoResize(id)
{
    var newheight;
    var newwidth;
    if(document.getElementById)
    {
        newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
    }
    document.getElementById(id).height= (newheight) + "px";
    document.getElementById(id).width= (newwidth) + "px";
} 
</script>

【讨论】：

【解决方案3】：

找到了一个对我有用的解决方案。使用 srcdoc 而不是 src。它会在 iframe 中显示您的静态内容。

下面是代码：

&lt;iframe srcdoc="&lt;div&gt;This is a content which I want to display in iframe&lt;/div&gt;"&gt;&lt;/iframe&gt;

希望这是您正在寻找的。谢谢。

【讨论】：