我有一个非常简单的要求。我有一个<div>
标签,我在其中显示一些文本内容。
我想在<iframe>
. 我想达到的目标我写在下面。有人可以帮忙吗?
<b>
<div>This is a content which I want to display in iframe</div>
<iframe id="iframe" src=""></iframe></b>
如果是静态 HTML 站点,请创建一个包含您要显示的内容的新页面并设置src
.<iframe>
如果它是一个动态页面应用程序(服务器端),请创建一个new page
或handler
或controller
(无论适用)并设置src
.<iframe>
这些是实现您想要完成的目标的最佳和最简单的方法。
又发现了一件与 iframe 相关的东西,我认为这很有趣。iframe
您可以根据窗口的内容自动修复高度和宽度。您需要做的就是包含下面编写的脚本,然后id
将iframe
.
<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>
找到了一个对我有用的解决方案。使用srcdoc而不是src。它将在 iframe 中显示您的静态内容。
下面是代码:
<iframe srcdoc="<div>This is a content which I want to display in iframe</div>"></iframe>
希望这是您正在寻找的。谢谢。