2016-06-07 88 views
0

從父窗口可以判斷彈出窗口是否已完全加載?如何判斷彈出窗口是否已完全加載

<body> 
    <div id="btn">display web page</div> 
    <div id="somediv"> 
    </div> 
    </body> 

我寫下面的腳本來確定彈出窗口是否已經加載,但它不起作用。

<script> 
$("#somediv")[0].onload = function(){ 
      alert('loaded'); 
      console.log("rr"); 
     }; 
</script> 
+0

爲什麼不使用$(「#somediv」)。load(function(){})?另外,你是什麼意思滿載?因爲自加載HTML以來,您的空div也被完全加載 –

回答

1

這是你想要的嗎?

<body> 
    <div id="btn">display web page</div> 
    <div id="somediv"> 
    </div> 
</body> 

$("#somediv").load("a.html", function(){ 
    alert('loaded'); 
    console.log("rr"); 
}); 

https://jsfiddle.net/jboo92k4/1/

1

難道這就是你要找的人?

<html> 
    <head> 
     <script type="text/javascript"> 
      var winPop; 

      function OpenWindow() { 
       winPop = window.open("popupwin.html"); 
       CheckWinStatus(); 
      } 

      function CheckWinStatus() { 
       try { 
        asdf = winPop.document.body; 
        WindowLoaded(); 
       } 
       catch(e) { 
        setTimeout("CheckWinStatus()",1000); 
       } 
      } 

      function WindowLoaded() { 
       alert(winPop.document.title); 
      } 

     </script> 
    </head> 
    <body> 
     <form name="Form1"> 
      <input type="button" name="B1" value="Open" onclick="OpenWindow()"> 
     </form> 
    </body> 
</html> 
  • 功能OpenWindow()按鈕被點擊時b1被調用。
  • Inside OpenWindow(),彈出窗口popupwin.html被打開。
  • CheckWinStatus()檢查彈出窗口是否已完全加載。它有一個1000毫秒的超時值。
  • 當彈出窗口已完全加載時,調用WindowLoaded()。這是您執行彈出窗口相關操作的地方。
相關問題