1、最简单的方法,就是在IFrame加芙囹买乐载的页面里,添加onload事件。但这个是有局限性的,在iframe页面里添加onload芒儒商坑事件,执行的代码和宿主页面是不相通的,而且如果你是加载别人网站的页面的话,你是没权限在别人的页面添加脚本的。
2、我们用常规的方法,先修改html代码如下,方便测试,iframe加载的内容只是显示一张本地图片。
3、添加一个JS脚本方法:iframe_add_loadevent,代码如图,解析下代码,直接用js的getEl髫潋啜缅ementById方法获取到iframe对象,然后为其添加my_frame.onload事件就行了。
4、添加调用iframe_add_loadevent方法的代码,该调用在页面加载时就要运行了。
5、这部分完整的代码如图,要注意的是我们的脚本代码一定要放在html代码后面,否则反过来的话,脚本先运行,是找到id为my_frame的iframe对象的
6、运行页面后,我们可以从浏览器的控制台里有看到输出信息了,表示iframe加载完后,有正确调用onload事件里的代码。(控制台输出信息是JS调试代码,如果不熟悉,可以参考下面的链接)
7、现在的代码在IE下有点问题,我们完善下代码,为IE和非IE添加onload事件分开不同的代码。