Rumah > hujung hadapan web > tutorial js > jquery 如何判断iframe是否加载完成

jquery 如何判断iframe是否加载完成

coldplay.xixi
Lepaskan: 2020-12-01 16:08:34
asal
7745 orang telah melayarinya

jquery 判断iframe是否加载完成的方法:1、使用【jQuery load()】方法;2、使用【onreadystatechange】方法;3、使用【attachEvent】方法。

jquery 如何判断iframe是否加载完成

本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。

jquery 判断iframe是否加载完成的方法:

方法一、jQuery load()

var frm = document.getElementById('myiframe');  
$(frm).load(function(){                             //  等iframe加载完毕  
dosomething();  
});
Salin selepas log masuk

方法二、onreadystatechange

var iframe = document.createElement("myiframe");  
iframe.src = "http://www.baidu.com";  
if (!/*@cc_on!@*/0) { //如果不是IE,IE的条件注释  
    iframe.onload = function(){     
        alert("Local iframe is now loaded.");  
    };  
} else {  
    iframe.onreadystatechange = function(){ // IE下的节点都有onreadystatechange这个事件  
        if (iframe.readyState == "complete"){  
            alert("Local iframe is now loaded.");  
        }  
    };  
}  
document.body.appendChild(iframe);
Salin selepas log masuk

方法三、attachEvent

var iframe = document.createElement("iframe");  
iframe.src = "http://www.baidu.com";  
  
if (iframe.attachEvent){  
    iframe.attachEvent("onload", function(){ // IE  
        alert("Local iframe is now loaded.");  
    });  
} else {  
    iframe.onload = function(){ // 非IE  
        alert("Local iframe is now loaded.");  
    };  
}  
  
document.body.appendChild(iframe);
Salin selepas log masuk

Atas ialah kandungan terperinci jquery 如何判断iframe是否加载完成. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan