有时候要在自己的网页里，嵌套显示别人网页的一些内容，就需要用到iframe了，当iframe里的内容加载完成，想要显示一些提示信息时，怎么做？怎么为iframe绑定onload事件？下面一起来看下。方法/步骤1/7分步阅读

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

2/7

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

3/7

添加一个JS脚本方法：iframe_add_loadevent，代码如图，解析下代码，直接用js的getElementById方法获取到iframe对象，然后为其添加my_frame.onload事件就行了。

4/7

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

5/7

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

6/7

运行页面后，我们可以从浏览器的控制台里有看到输出信息了，表示iframe加载完后，有正确调用onload事件里的代码。

（控制台输出信息是JS调试代码，如果不熟悉，可以参考下面的链接）

7/7

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

JSIFRAMEONLOAD事件