Blazor-.NET5:如何自动调整iframe的大小？
创始人
2024-12-20 21:30:28
0次

  1. 在Blazor组件的JavaScript函数中定义一个事件侦听器，该事件监听器将被触发，以便在嵌入式iFrame中进行调整大小。

  2. 将要监听的iframe元素添加到组件中。
  1. 在JavaScript中定义事件监听器，并在组件加载时添加它。
private async Task OnIframeLoaded()
{
    await JSRuntime.InvokeAsync("resizeIframe", "myIframe");
}


    

  1. 在JavaScript中实现事件监听器。
    2. 



window.resizeIframe = (id) => {
    const iframe = document.getElementById(id);
    if(iframe) {
        iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
    }
};



    

  1. 测试代码，并确保它能够正常工作。
    2. 


                
            
            
            

                
                            

            

                

                    上一篇：Blazor,CSS-KeyframesAnimation


                

                

                    下一篇：Blazor-apexcharts与ServerPreRendered Blazor应用程序不完全兼容。                

            

            
            

                
                
相关内容

                
            

            

            
            

                
            



        
        
    
    

    
    

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    

                    
                

                
            

            
            
            


                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技工具(wpk稳赢)外挂透...
                        黑科技工具(wpk稳赢)外挂透明挂辅助设备(ai辅助)一直存在有挂(真是有挂)-哔哩哔哩；1、操作简...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        辅助黑科技(wpk大厅)外挂透...
                        辅助黑科技(wpk大厅)外挂透明挂辅助插件(ai代打)好像是有挂(有挂存在)-哔哩哔哩1、wpk大厅...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技智能ai(wpk安装)外...
                        黑科技智能ai(wpk安装)外挂透明挂辅助设备(ai代打)竟然是有挂(有挂分享)-哔哩哔哩1、点击下...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技科技(轰趴十三水)外挂透...
                        黑科技科技(轰趴十三水)外挂透明挂辅助黑科技(透视)切实有挂(有挂分享)-哔哩哔哩；1、金币登录送、...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技免费(wpk安装)外挂透...
                        黑科技免费(wpk安装)外挂透明挂辅助器(透明挂)好像存在有挂(有挂分析)-哔哩哔哩；1、wpk安装...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技智能ai(传奇扑克)外挂...
                        黑科技智能ai(传奇扑克)外挂透明挂辅助科技(透视)切实存在有挂(讲解有挂)-哔哩哔哩；1、传奇扑克...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技教程(WPK最新版)外挂...
                        黑科技教程(WPK最新版)外挂透明挂辅助软件(透明挂黑科技)一贯真的有挂(有挂详细)-哔哩哔哩；1、...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技讲解(Wepoke技术)...
                        黑科技讲解(Wepoke技术)外挂透明挂辅助设备(透明挂黑科技)本来有挂(证实有挂)-哔哩哔哩1、全...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技免费(Wepoke ai...
                        黑科技免费(Wepoke ai代打)外挂透明挂辅助插件(智能ai)都是存在有挂(有挂总结)-哔哩哔哩...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        黑科技脚本(WPK脚本)外挂透...
                        黑科技脚本(WPK脚本)外挂透明挂辅助科技(黑科技ai)果然真的是有挂(有挂分析)-哔哩哔哩WPK脚...