您的位置:58脚本 > iframe onload事件 Frame/IFrame onload 事件

iframe onload事件 Frame/IFrame onload 事件

2023-03-21 23:32

iframe onload事件 Frame/IFrame onload 事件

iframe onload事件

iframe onload事件是当iframe加载完成后触发的事件,它可以用来检测iframe是否加载完成,也可以用来做一些初始化工作。

在HTML中,使用iframe标签可以在页面中嵌入其他网页,但是如果不能正确的检测到iframe加载完成,就无法正确的显示嵌入的内容。因此,使用iframe onload事件就显得尤为重要。

// 使用方法
document.getElementById('myIframe').onload = function(){ 
    // 在这里写你想要执行的代码 
}; 

在上面的代码中,我们通过 document.getElementById('myIframe') 来获取 iframe 元素;然后将 onload 事件处理函数设置为一个匿名函数即可。当 iframe 加载完成时(即 onload 触发时),会执行该匿名函数中的代码。

如果想要在 iframe 加载完成之前执行一些代码(例如显示 loading 状态之类的操作);也可以将这部分代码放在 iframe onload 之前执行即可。

// 显示 loading 状态 
showLoading(); 
// 设置 iframe onload 处理函数 
document.getElementById('myIframe').onload = function(){   // 隐藏 loading 状态   hideLoading();   // 在这里写你想要执行的代码 }; 

总而言之:iframe onload 是一个非常有用的事件处理函数;通过它我们能够正常显示嵌入页面中的内容、也能够在 iframe 加载前/加载后执行一些必要的操作。

Frame/IFrame onload 事件

Frame/IFrame onload 事件

Frame/IFrame 对象参考手册 Frame/IFrame 对象

定义和用法

onload 事件在frame或者iframe载入完成后被触发。

语法

onload="JavaScriptCode"

参数 描述
JavaScriptCode 必须。在事件触发后执行的Javascript代码。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 onload 事件


实例

实例 1

在frame载入完成后立即弹出 "Frame is loaded":

<html>
<head>
<script>
function load()
{
alert("Frame is loaded");
}
</script>
</head>

<frameset cols="50%,50%">
  <frame src="frame_a.htm" onload="load()">
  <frame src="frame_b.htm">
</frameset>

</html>


实例 2

在iframe载入完成后立即弹出 "Iframe is loaded" :

<html>
<head>
<script>
function load()
{
alert("Iframe is loaded");
}
</script>
</head>

<iframe onload="load()" src="http://.cn">
<p>Your browser does not support iframes.</p>
</iframe>

</html>



Frame/IFrame 对象参考手册 Frame/IFrame 对象
阅读全文
以上是58脚本为你收集整理的iframe onload事件 Frame/IFrame onload 事件全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58脚本 58jiaoben.com 版权所有 联系我们
桂ICP备12005667号-28 Powered by CMS