js iframe 元素必须要等待 onload 后才能获取其内部的 window 对象吗？？

Question

一个如下图这样的多标签功能：

左边面板是功能菜单，点击后在右边会弹出相应的界面，都是 iframe 元素。

然后我需要根据 iframe 内部 iframe.contentDocument.body 高度，实时动态调整。

目前我采取的做法是：

这边就是 onload 加载太慢触发，导致有一段时间 iframe 高度仅有默认高度，然而其内部元素实际已经能够清晰看到了，这样体验效果非常差！：

有没有一个 iframe 事件，内嵌文档获取到 window 对象后立即触发（一旦获取到 window 对象，就可以通过定时器不断设置 iframe.style.height = iframe.contentWindow.body.scrollHeight 实现类似页页面一点点加载的效果，不会出现延迟现象），使用 onload 事件实在太慢了！！！不能忍.

Answer 1

刚才测试已经成功解决 onload 延迟的问题了。感谢 @边城 提供的解决办法！！这边贴出成功后的代码（由于实际解决代码中使用了依赖，这边使用纯 js 重写了一遍，未经测试，只提供各思路，给以后碰上该问题的朋友一个解决思路哈）：HTML:<iframe id='ifr'></iframe>JavaScript：var iframe = document.getElementById('ifr');// 获取 window 对象var getWindow = function(ifr , callback){&nbsp; &nbsp; window.cancelRequestAnimationFrame(ifr._timer);&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; if (typeof ifr.contentWindow === 'null') {&nbsp; &nbsp; &nbsp; &nbsp; ifr._timer = window.requestAnimationFrame(getWindow.bind(null , ifr , callback));&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; if (typeof callback === 'function') {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; callback(ifr);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }};getWindow(iframe , function(ifr){&nbsp; &nbsp; var win = ifr.contentWindow;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; console.log(win); // 获取到的 window 对象});通过以上方式获取 iframe 的 contentWindow 对象，比起使用 onload 事件来速度快了不知多少，基本做到了零延迟.