在HTML中,要知道何时加载所有帧,可以使用JavaScript的事件监听器来监听load
事件。load
事件会在所有资源(如图片、脚本、样式表等)加载完成后触发。
以下是一个简单的示例:
<!DOCTYPE html>
<html>
<head>
<script>
function allFramesLoaded() {
console.log('所有帧已加载');
}
window.addEventListener('load', allFramesLoaded);
</script>
</head>
<body>
<h1>示例页面</h1>
<iframe src="frame1.html"></iframe>
<iframe src="frame2.html"></iframe>
</body>
</html>
在这个示例中,我们在window
对象上添加了一个load
事件监听器,当所有资源(包括iframe
中的内容)加载完成后,会调用allFramesLoaded
函数。
需要注意的是,load
事件只会在页面的所有资源(包括嵌套的iframe
)加载完成后触发一次。如果您只想监听特定的iframe
加载完成,可以为每个iframe
元素添加单独的load
事件监听器。
领取专属 10元无门槛券
手把手带您无忧上云