在 jquery 中单击内的内容后更改 iframe 大小

Change iframe size after clicking a content inside an iframe in jquery

本文关键字：iframe 大小 jquery 单击      更新时间：2023-09-26

大家好，我正在尝试制作一个网站，用户必须从另一个网站登录，并且该部分位于iframe上。我想要的是当用户单击Login按钮时，iframe 将调整自身大小以仅查看该网站的特定内容。这是我的代码，

<div id="reportframe" style="margin: auto;">
        <iframe src="http://www.abcdsebroker.com/login" width="600" height="400"></iframe>
</div>

这是其他网站中"登录"按钮的 asp.net 网络表单代码，

<div class="control-group text-center">
    <asp:Button ID="btnLogin" runat="server" Height="35px" Width="50%" Font-Bold="true" Text="Login" CssClass="btn btn-info" OnClick="btnlogin_Click" />
</div>

如何使用jQuery单击登录按钮后更改iframe的大小？您的帮助将不胜感激。咔嚓。

Iframe 的 SET ID。

     <div id="reportframe" style="margin: auto;">
                    <iframe id="ifreportframe" src="http://www.abcdsebroker.com/login" width="600" height="400"></iframe>
            </div> 
            <asp:Button ID="btnLogin" runat="server" Height="35px" Width="50%" Font-Bold="true" Text="Login" CssClass="btn btn-info" OnClick="btnlogin_Click"  onClientClick="resizeIframe()"/>
            <script>
             function resizeIframe()
            {
              $("#ifreportframe").css("height","500px");
              $("#ifreportframe").css("width","700px")
            }
            </script>
相关文章：