Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何检查Blazor服务器应用程序中的iframe是否已完成加载内容?_Javascript_Iframe_Blazor - Fatal编程技术网

Javascript 如何检查Blazor服务器应用程序中的iframe是否已完成加载内容?

Javascript 如何检查Blazor服务器应用程序中的iframe是否已完成加载内容?,javascript,iframe,blazor,Javascript,Iframe,Blazor,我在blazor服务器应用程序的Iframe中加载不同的HTMLPage。要更改Iframe的内容,我使用多个按钮。单击按钮后,相应的Html页面将加载到Iframe中(一个Iframe-不同的内容-通过单击按钮进行更改) 如何检查单击后内容是否已完全加载?原因是,现在如果用户一个接一个地单击不同的按钮进行快速操作,Iframe根本不会显示内容(只显示底层网格的背景色和暂停)。在Iframe完成加载后,我可以获得bool值吗 求你了,如果我有Js的知识,我就不会喜欢Blazor了。我已经找到了一

我在blazor服务器应用程序的Iframe中加载不同的HTMLPage。要更改Iframe的内容,我使用多个按钮。单击按钮后,相应的Html页面将加载到Iframe中(一个Iframe-不同的内容-通过单击按钮进行更改)

如何检查单击后内容是否已完全加载?原因是,现在如果用户一个接一个地单击不同的按钮进行快速操作,Iframe根本不会显示内容(只显示底层网格的背景色和暂停)。在Iframe完成加载后,我可以获得bool值吗

求你了,如果我有Js的知识,我就不会喜欢Blazor了。我已经找到了一些帖子,其中js是解决这个问题的方法。我不知道如何在我的blazor应用程序中正确地实现这一点。我不能简单地将js复制到HMTL页面。它必须在文件_Host.cshtml中,但如果我把它放在那里,则是…document.querySelector('myIframe')。addEventListener。。。开发工具控制台中的sayes null。谢谢你的帮助。如果这与js有关,请友好地向我解释,就像向nuub解释一样(我是什么意思)


document.querySelector('myIframe')。addEventListener(“加载”,ev=>{
log('iframe已完全加载');
})

Blazor完全可以接收DOM事件,您可以直接在razor代码中附加事件,而无需使用JS,因此您可以使用C#编写逻辑

诀窍是在事件的前面加上
@
,就像示例中的
@onload
,然后将EventCallback/方法作为参数


@代码{
私有void IFrameLoaded(ProgressEventArgs e)
{
Console.WriteLine(“加载了IFrame”);
}
}
有关更多信息,请参阅上的文档



但你也可能会想,为什么你现在尝试的老式方法不起作用。。。对于这一点,我没有答案,更重要的是,我在过去也曾与之斗争过。blazor似乎自己吃事件来支持它,这样做常常会丢失“手动配置”的事件。不过最近我的问题少了,因为我更多地采用了“blazor方式”做事。

经过多次失败的尝试!甚至可以在Blazor:document.getElementById('myFrameID').onload=function(){alert('iFrame-Loaded')}中执行这一js行吗;我无法使该警报在Blazor服务器中工作。它在“普通”index.html页面中工作。在学习了更多关于这方面的知识之后。有人知道blazor在什么时候可以接收js事件吗?这是不是在点小姐名单上?这是有可能的->看到努吉,但这是先进的为我。任何想做什么的想法都应该学Nd Vue取而代之:(非常感谢!我花了好几个小时到处摸索才能让它发挥作用。现在心情复杂:很高兴它这么简单而且有效,很沮丧我在上面浪费了这么多时间:)有没有好的地方/页面来查看/学习所有的@on。。。blazor的事件?@nogood,基本上它涵盖了大多数DOM事件,IntelliSense应该提供一个可用事件的列表-尽管要使其工作,DOM节点也需要实际存在该事件。但这总是一个好的开始。