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应用程序不完全兼容。                

            

            
            

                
                
相关内容

                
            

            

            
            

                
            



        
        
    
    

    
    

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    

                    
                

                
            

            
            
            


                                
                

                    
                    

                        

                    

                    
                    
                    

                        六分钟了解！天天爱掼蛋有木有外...
                        六分钟了解！天天爱掼蛋有木有外 挂，胡乐麻将系统规律，透视教程（有挂普及）在进入天天爱掼蛋有木有外 ...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        7分钟了解！雀神麻将有挂没，钱...
                        7分钟了解！雀神麻将有挂没，钱塘13水打牌，技巧教程（有挂透视）；1、进入游戏-大厅左侧-新手福利-...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        两分钟了解！打两圈麻将软挂神器...
                        两分钟了解！打两圈麻将软挂神器，jj斗地主有脚本吗，必胜教程（有挂攻略）1、很好的工具软件，可以解锁...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        六分钟了解！大赢家辅助器，多乐...
                        六分钟了解！大赢家辅助器，多乐跑得快，存在挂教程（有挂解密）；1、玩家可以在大赢家辅助器软件透明挂俱...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        两分钟了解！众乐贵州麻将有挂吗...
                        两分钟了解！众乐贵州麻将有挂吗，同城游510k有没有挂，我来教教你（有挂解说）两分钟了解！众乐贵州麻...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        八分钟了解！皇豪互娱辅助器下载...
                        八分钟了解！皇豪互娱辅助器下载，永州跑胡子辅助工具，2025新版（有挂教学）1）皇豪互娱辅助器下载辅...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        八分钟了解！星悦跑胡子辅助软件...
                        八分钟了解！星悦跑胡子辅助软件，途游斗地主修改器，必赢方法（有挂神器）1、星悦跑胡子辅助软件系统规律...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        九分钟了解！兴动互娱最强辅助神...
                        九分钟了解！兴动互娱最强辅助神器，情怀莆仙辅助，安装教程（有挂揭秘）；1、起透看视 兴动互娱最强辅助...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        5分钟了解！天天休闲有辅助吗，...
                        5分钟了解！天天休闲有辅助吗，闲玩暗宝可以买软件吗，必胜教程（有挂插件）1、5分钟了解！天天休闲有辅...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        1分钟了解！友娱棋牌有挂吗，途...
                        1分钟了解！友娱棋牌有挂吗，途游斗地主好友局有挂吗，可靠技巧（有挂方法）1、途游斗地主好友局有挂吗a...