关于页面加载事件，大神们求救~~~
0
悬赏园豆：20
[已解决问题]
解决于 2014-10-24 15:56
目前的情况是这样，有一个页面parent，它有两个iframe子页面，分别为A页面和B页面
现在想做到的效果是，当两个iframe子页面加载完毕时，调用A子页面里的一个JS函数
请问怎么做到啊？
Ps).单独一个子页面的加载完毕事件，document.onreadystatechange = function () { //页面加载完毕调用事件
是可以。。。
但需要的是，当两个子页面加载完毕时才触发函数。。。。大神们，求救。。。。[img=http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/onion/3.gif][/img]
最佳答案
0
在加载过程中判断子页面是否加载完毕。当parent加载时判断 A、B的状态。
1 var iframe = document.createElement("iframe"); 2 iframe.src = '你的url'; 3 if (iframe.attachEvent){ 4 iframe.attachEvent("onload", function(){ 5 alert("Local iframe is now loaded."); 6 }); 7 } else { 8 iframe.onload = function(){ 9 alert("Local iframe is now loaded."); 10 }; 11 } 12 document.body.appendChild(iframe);
收获园豆：20
嗯。。刚解决了。。我解决的思路跟你大同小异。。。
页面顺序加载，B加载完A才加载，谢谢你~
document.onreadystatechange = function () { //页面加载完毕调用事件
if (document.readyState == "complete") {
window.parent.document.getElementById('iframeMenu').innerHTML = '<iframe id = "toolsiframe" src="../../Html/menu.html" framespacng="0" frameborder="0" style="z-index:999;position:absolute; width:100%;height:100%;" allowTransparency="true"></iframe>';
}
}