网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何为iframe绑定onload事件

时间:2024-10-29 11:10:37

1、最简单的方法,就是在IFrame加载的页面里,添加onload事件。但这个是有局限性的,在iframe页面里添加onload事件,执行的代码和宿主页面是不相通的,而且如果你是加载别人网站的页面的话,你是没权限在别人的页面添加脚本的。

如何为iframe绑定onload事件

2、我们用常规的方法,先修改html代码如下,方便测试,iframe加载的内容只是显示一张本地图片。

如何为iframe绑定onload事件

3、添加一个JS脚本方法:iframe_add_loadevent,代码如图,解析下代码,直接用js的getEl髫潋啜缅ementById方法获取到iframe对象,然后为其添加my_frame.onload事件就行了。

如何为iframe绑定onload事件

4、添加调用iframe_add_loadevent方法的代码,该调用在页面加载时就要运行了。

如何为iframe绑定onload事件

5、这部分完整的代码如图,要注意的是我们的脚本代码一定要放在html代码后面,否则反过来的话,脚本先运行,是找到id为my_frame的iframe对象的

如何为iframe绑定onload事件

6、运行页面后,我们可以从浏览器的控制台里有看到输出信息了,表示iframe加载完后,有正确调用onload事件里的代码。(控制台输出信息是JS调试代码,如果不熟悉,可以参考下面的链接)

如何为iframe绑定onload事件

7、现在的代码在IE下有点问题,我们完善下代码,为IE和非IE添加onload事件分开不同的代码。

如何为iframe绑定onload事件
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com