c# - Iframe 从 C# 中的代码隐藏自动调整高度

Question

我的html页面是

<iframe runat="server" id="iframe1" width="100%" height="100%" scrolling="no"  frameborder="0"></iframe>

我的页面加载事件中的.cs 内容

iframe1.Attributes["src"] = "http://default.com/";
//iframe1.Attributes["height"] = "100%";
//iframe1.Attributes["width"] = "100%";
iframe1.Attributes.Add("style","width:100%;height:100%;");

但它不起作用

我想显示整个页面内容，但我的 iframe 高度没有占用 http://default.com/ 的高度

Answer 1

我不知道如何在 .cs 页面上自动调整 iframe 的大小，但这是另一种选择，比如将你的 iframe 放在数据列表控件中......

<asp:DataList ID="dtlhtml" runat="server" Width="100%">
    <ItemTemplate>
        <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td>
                    <iframe src='<%#Eval("html") %>' width="713" id="iframe1" 
                        frameborder="0" onLoad="autoResize 'iframe1');">
                    </iframe>
                </td>
            </tr>
        </table>
    </ItemTemplate>
</asp:DataList>

将 javascript 代码作为...

<script language="JavaScript">
function autoResize(id) 
{
    var newheight;
    var newwidth;
    if (document.getElementById(id))
    {
        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>

并放在.cs页面上。

DataTable dt1 = new DataTable();
dt1.Columns.Add("html");
DataRow dr = dt1.NewRow();
dr["html"] = "";//Any dynamic url path
dt1.Rows.Add(dr);
dtlhtml.DataSource = dt1;
dtlhtml.DataBind();

注意:这在本地主机上不起作用。请在线尝试。