Question

我正在使用iframe作为其中一个表单的目标。提交表单后，我需要转换iframe的html。我尝试使用onload事件，但是当事件被触发时，我的iframe没有从我的表单中得到的html（在调试器断点上）：

<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。

Answer 1

我使用以下代码，当iframe html已经设置时，它似乎捕获了事件：

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

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

iframe加载事件后？

1 个答案: