如何检测 iframe 是否加载完成的 JavaScript 方法

判断iframe框架是否加载完成可以使用以下几种方法： 1. 使用onload事件：在iframe的src加载完成后，会触发iframe的onload事件。可以给iframe绑定onload事件，当事件触发时，说明iframe已经加载完成。 ``` <iframe src="xxx" onload="iframeLoaded()"></iframe> function iframeLoaded() { console.log('iframe has been loaded.'); } ``` 2. 使用jQuery的load事件：如果你使用了jQuery，可以使用load事件来判断iframe是否加载完成。 ``` $('iframe').on('load', function() { console.log('iframe has been loaded.'); }); ``` 3. 使用JavaScript的readyState属性：该属性返回iframe的当前状态，0表示未加载，1表示正在加载，2表示已加载完成。当readyState值为2时，说明iframe已经加载完成。 ``` document.getElementById('myIframe').onreadystatechange = function() { if (this.readyState == 'complete') { console.log('iframe has been loaded.'); } }; ```