javascript - 如何检查 iframe 是否已完全加载?

标签 javascript html form-submit delayed-execution

我有一个 JSP 文件,我在其中启动 2 个应用程序。第一个应用程序是通过 <iframe> 启动的这是不可见的,只有在第一个应用程序完全加载后才需要启动第二个应用程序 <iframe> 。如何检查第一个应用程序是否已完全加载 <iframe>

这是 HTML/JS 代码(由 JSP 生成):

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<html>
    <head>
        <meta http-equiv="refresh" content="2">
        <script type="text/javascript">
            var info = '<%="https://"+request.getServerName()+":"+request.getServerPort()%>';
            var username = '<%=request.getParameter("j_username")%>';
            var password = '<%=request.getParameter("j_password")%>';
        </script>
    </head>
    <body>
        <form method="POST" name="avx" target="_self" style="display:none; visibility:hidden;">
            <table width="500" border="0" bordercolor="#999999" align="center">
                <tr><td bgcolor="#FFFFFF" class="formtitle01" align="center"><img src="assets/lock.jpg"></td></tr>
                <tr><td bgcolor="#FFFFFF" class="formtitle01" align="center">Authentication In Progress</td></tr>
                <tr><td align="center"><input type='text' name='j_username' style="display:none; visibility:hidden;"></td></tr>
                <tr><td align="center"><input type='password' name='j_password' style="display:none; visibility:hidden;"></td></tr>
            </table>
        </form>
        <iframe id="myFrame" style="display:none; visibility:hidden;">Hidden Text</iframe>
        <script type="text/javascript">
            document.avx.j_username.value = username;
            document.avx.j_password.value = password;
            document.avx.action = info+'/avex/j_security_check';
            openInfoFrame();
            function openInfoFrame() {
                var MyIFrame = document.getElementById("myFrame");
                MyIFrame.src = info+'/info/j_security_check?j_username='+username+'&j_password='+password+'&submit=login';
            } 
            //window.open(info,'_self');
            document.avx.submit();
        </script>
    </body>
</html>

最佳答案

<iframe onload="onIframeLoaded();">应该可以正常工作。

或者将其连接到脚本中: document.getElementById("myFrame").onload = function() { ... };

关于javascript - 如何检查 iframe 是否已完全加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7426850/

相关文章:

javascript - 为什么我不能调用这个 jQuery 函数?

javascript - 完全适合 DIV 中的 bootstrap glyphicon,保持响应质量

javascript - 如何更改 addeventlistener 在 javascript 中单击时的 div 可见性?

php - 如何跨多个页面传递多个变量?

java - Struts2:多个提交按钮

javascript - 清除 input[type=file] 值时,jQuery onChange 不会触发

javascript - 是否可以在输入文本上书写并在 2 秒后显示在标签上?

javascript - 如何在普通 JS 函数中使用像 $.getJSON() 这样的 jQuery 函数?

html - Gridview 最大宽度(动态列大小)

php - 页面刷新时如何防止表单重新提交(F5/CTRL+R)