如何知道網頁加載

我有一個iframe，我在iframe中重定向頁面。如何獲取每個頁面加載完成的事件。如何知道網頁加載

main.html中

<html> 
<body> 
    <iframe src="http://www.child.html" id="childframe" style="height:100px"></iframe> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

    <script> 
    $(window).load(function(){ 
     var Body = $("#childframe").contents().find("body"); 
     var Element = Body.find("tag"); 
     // page is redirecting to new page 
     $(Element[0].click()); 

     window.setTimeout(reallyNext, 1000); 
     function reallyNext() { 
      //how to know inner page is loaded 
      var result= Body.find("#tag1"); 
      //how to get element from anotherpage.html 

      $(result).bind('DOMSubtreeModified', function(event) {     
       //how to reach here 
      }); 
     }  
    }); 
    </script> 
</body> 
</html>

child.html

<html> 
<head></head> 

<body> 
    <p><a href="../anotherpage.html"></a><br></p> 
</body> 
</html>

請告訴我如何知道iframe的內頁已經完成加載？

來源

2013-10-11 androidraj

您可以在加載頁面後運行的body標籤內使用onload paremeter。例如：

<body onload="myJavascriptFunction();" >

來源

2013-10-11 11:28:43 MrByte

$('#childframe').ready(function() { 
    ... 
});

或

$('#childframe').load(function() { 
    ... 
});

來源

2013-10-11 11:29:22 Abhitalks

<script language="javascript"> 
    iframe = document.getElementById("frameid"); 

    WaitForIFrame(); 

    function WaitForIFrame() { 
     if (iframe.readyState != "complete") { 
      setTimeout("WaitForIFrame();", 200); 
     } else { 
      done(); 
     } 
    } 

    function done() { 
     //some code after iframe has been loaded 
    } 
</script>

這應該工作

來源

2013-10-11 11:29:51 krish

你可以（在onLoad的JavaScript <iframe />元素的事件像<iframe onLoad="myHandler" />，其中將myHandler掛鉤是你的js函數），或者，如果使用jQuery ，用下面的代碼片段：

$('#childframe').load(function() { 
    // your code handling the iframe loaded. 
});

注意，你的代碼需要保存在其中的iframe不是頁面的網頁的一部分。

來源

2013-10-11 11:30:11

thnx每個身體。 – androidraj

如何知道網頁加載

回答

相關問題