所以我创建了一个iframe,它应该在函数运行后继续重新加载。该函数读取iframe中的信息。目前我有类似的东西(哪个有效);
function loaded(){
alert(iframe.contentDocument.getElementsByClassName("blah")[0].innerHTML);
iframe.src = filePath; //reloads the iframe
}
iframe.onload = loaded;
因为我喜欢它更快地执行,所以这样的工作;只要iframe加载了DOM,函数就会运行;
function loaded(){
alert(iframe.contentDocument.getElementsByClassName("blah")[0].innerHTML);
iframe.src = filePath; //reloads the iframe
}
iframe.addEventListener("DOMContentLoaded", loaded, false);
答案 0 :(得分:1)
iframe.onreadystatechange = () => {
if (iframe.readyState === "interactive") {
// your code here
}
};
我知道,这是一个非常老的问题,但是当我在寻找解决此问题的方法时,使用google我发现了这个问题
答案 1 :(得分:0)
您最好的办法是使用Messaging API。
从
const iframe = document.getElementById( 'iframe' );
// set up the event handler on main page
window.addEventListener( 'message', (evt) => {
if( evt.source === iframe.contentWindow) {
console.log( evt.data );
}
} );
iframe.onload = (evt) => console.log( 'onload' );
// For the snippet, we'll load the iframe document from a Blob
const iframe_document = new Blob( [`
<script>
document.addEventListener( 'DOMContentLoaded', (evt) => {
// tell the parent window we are ready
parent.postMessage( 'DOM loaded', '*' );
});
<\/script>
<h1>Hello world</h1>
<img src='https://i.picsum.photos/id/13/500/300.jpg?${Math.random()}' style="border:1px solid">
`], { type: "text/html" } );
iframe.src = URL.createObjectURL( iframe_document );
<iframe id="iframe" width="520" height="500"></iframe>