2013-01-11 126 views
0

我使用iframe作爲我的一個表單的目標。一旦提交表單,我需要轉換iframe的html。我試着用onload事件,但是當事件被觸發,我的iframe沒有從我的形式產生的,但(對上調試器斷點)的HTML:iframe加載事件後?

<html> 
<head> 
<title>Test</title> 
</head> 
<body> 
    <script language="javascript"> 
     function loaded(){ 
      var lResponse = document.getElementById('results'); 
      debugger; 
     } 
    </script> 
    <div> 
     <table> 
      <tr> 
       <td width="100%"> 
        <form id="serverForm" target="results" <web:taskProcessorName attribute="action" type="admin"/>> 
         <div> 
          <table> 
           <tr> 
            <td> 
             <div name="resultsDiv" id="resultsDiv" style="display: none"> 
              <iframe name="results" id="results" onload="loaded" frameborder="0"></iframe>           
             </div> 
            </td> 
           </tr> 
          </table> 
         </div> 
         <!-- Hidden Inputs --> 
         <input type="hidden" name="server" value="..." /> 
        </form> 
       </td> 
      </tr> 
     </table> 
    </div> 
    <script language="javascript"> 
     document.getElementById('serverForm').submit(); 
     document.getElementById('resultsDiv').style.display='block';   
    </script> 
</body> 
</html> 

沒有第三方庫 - 純JavaScript。

回答

-1

我改用下面這似乎趕上事件時的iframe HTML設置已經:

function lLoadFunc(){ 
    var lResponse = document.getElementById('results'); 
} 

if(lResponse.addEventListener) 
    lResponse.addEventListener('load', lLoadFunc, true);