在 iframe 的加载事件之后？答案

【问题标题】：After load event for iframe?在 iframe 的加载事件之后？
【发布时间】：2013-01-12 01:00:54
【问题描述】：

我正在使用 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>

没有第 3 方库 - 纯 javascript。

【问题讨论】：

标签： javascript jsp iframe

【解决方案1】：

我改用以下内容，这似乎在 iframe html 已设置时捕获了事件：

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

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

【讨论】：