调整iframe中包含iframe的iframe的大小
好的。我想尽力解释这一点 我正在一个网站上工作,该网站有一个带有iframe的网页。 iframe显示另一个网页,其中包含自己的iframe iframe中的iframe会更改大小,尤其是高度 我如何获得iframe中的iframe和显示iframe的iframe…Oye,混淆了一起更改高度 基本上,我有一个网页,在一个iframe中有一个iframe,而iframe中的iframe是一个论坛页面。这意味着当人们发布到它时,内部iframe会改变高度,因此需要扩展它所包含的iframe 男人问这个问题真让我困惑 我为谷歌和各种网站打分,但我似乎找不到一个代码来满足我的需求,或者在这方面起作用调整iframe中包含iframe的iframe的大小,iframe,Iframe,好的。我想尽力解释这一点 我正在一个网站上工作,该网站有一个带有iframe的网页。 iframe显示另一个网页,其中包含自己的iframe iframe中的iframe会更改大小,尤其是高度 我如何获得iframe中的iframe和显示iframe的iframe…Oye,混淆了一起更改高度 基本上,我有一个网页,在一个iframe中有一个iframe,而iframe中的iframe是一个论坛页面。这意味着当人们发布到它时,内部iframe会改变高度,因此需要扩展它所包含的iframe 男人问这
感谢使用此库。要做到这一点,您需要设置中间页以运行主机脚本和iframe脚本,并且大小应根据您的级别而定
我知道这是一个古老的线程,但我想我会分享我的经验。我在工作中的一个项目中遇到了几乎相同的问题。我到处搜索,尝试了很多不同的东西,但最终发现在这里的许多帖子的帮助下,这个功能运行得非常好。到目前为止,我用FF30、IE11和chrome进行了测试。简而言之,我有一个父HTML页面,我可以在其中放置一个iframe。该iframe加载一个包含另一个iframe的aspx页面。最里面的iframechild_页面_2.aspx有动态内容,我希望两个iFrame都能相应地调整大小。另外,需要明确的是,它们都在同一个域/主机名上 我在最内部的iframechild_页面_2.aspx上使用数据列表进行分页。每次点击页码都会生成不同高度的动态内容,即浏览分页数据。我发现,在服务器端执行OnClick事件并使用ScriptManager启动客户端javascript将在加载内容后返回正确的高度。我没有显示所有的DataList代码,只是显示了嵌套在ItemTemplate中的一个链接按钮 我知道这是一种非常糟糕的设置网页的方式,这正是我们被迫做的,因为我们只能访问HTML父页面。嵌套iframe的原因是为我们提供了一种菜单页面,在它下面的iframe中包含内容child\u page\u 1.aspx->child\u page\u 2.aspx 希望这对别人有帮助 Parent Page.HTML:
<iframe src=child_page_1.aspx id="mainFrame" />
1个页面、2个父IFRAME和3个子IFRAME的所有页面是否在同一主机名中?
<head>
<script type="text/javascript">
function adjustMyFrameHeight() {
var frame = getElement("mainFrame");
frame.height = document.body.offsetHeight + 60 + "px";
}
function getElement(aID) {
return (document.getElementById) ?
parent.document.getElementById(aID) : parent.document.all[aID];
}
function updateframeheight(newheight) {
var frame = document.getElementById("subFrame");
frame.height = newheight + "px";
adjustMyFrameHeight();
}
</head>
<body onload="adjustMyFrameHeight();">
<iframe id="subFrame" src="child_page_2.aspx" >
</body>
<head>
<script type="text/javascript">
function adjustMyFrameHeight() {
var frame = getElement("subFrame");
frame.height = document.body.offsetHeight + 60 + "px";
}
function getElement(aID) {
return (document.getElementById) ?
parent.document.getElementById(aID) : parent.document.all[aID];
}
function updatesize() {
parent.updateframeheight(document.body.offsetHeight + 60);
}
</script>
</head>
<body onload="adjustMyFrameHeight();">
<form>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
<ContentTemplate>
<asp:LinkButton ID="lnkbtnPrevious" runat="server" OnClick="lnkbtnPrevious_Click">Previous</asp:LinkButton>
</ContentTemplate>
</asp:UpdatePanel>
</form>
protected void lnkbtnPrevious_Click(object sender, EventArgs e)
{
ScriptManager.RegisterStartupScript(Page, typeof(Page), "updatesize", "updatesize();", true);
}