如何判断多个iframe是否加载完成，加载完成后调用打印窗口

Web 开发 > JavaScript
收藏 回复
[问题点数：20分]
更多帖子
私信 空间 博客
yan雨天青色
等级
本版专家分：0
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
结帖率 83.33%
我用了两种方法，如下：都没有实现，却也没有报错，请大佬看看


    function print(){

        debugger;

        var iframeLength = document.getElementsByTagName("iframe").length;

        var iframe_start = 0;

        $('iframe').each(function () {

            var src = $(this).attr('src');

            $(this).onload = function () {

                iframe_start++;

                console.info(iframe_start);

                if (iframe_start == iframeLength) {

                    window.print();

                }

            }

        });

    }

    function print2() {

        debugger;

        var iframes = document.getElementsByTagName("iframe");

        for (var i = 0; i < iframes.length; i++) {

            var iframeId = iframes[i].id;

            var currentIframe = document.getElementById(iframeId);

            if (currentIframe.attachEvent) {

                currentIframe.attachEvent("onload", function () {

                    // 等待iframe加载完成

                });

                continue;

            } else {

                currentIframe.onload = function () {

                    window.print();// iframe加载完成

                }

            }

        }



    }
只看楼主 引用 举报 楼主 收起
展开阅读全文
私信 空间 博客
前端人丶
等级
本版专家分：20
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
function print(){
        debugger;
        var iframeLength = document.getElementsByTagName("iframe").length;
        var iframe_start = 0;
        $('iframe').each(function () {
            var src = $(this).attr('src');

           /*$(this).ready(function () {
                iframe_start++;
                console.log(iframe_start,'iframe_start');
                if (iframe_start == iframeLength) {
                    window.print();
                }
            })*/
          // 此处错误 jq中使用ready
            $(this).onload = function () {
                iframe_start++;
                console.info(iframe_start);
                if (iframe_start == iframeLength) {
                    window.print();
                }
            }
        });
    }
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
yan雨天青色
等级
本版专家分：0
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
引用 2 楼 qq_42990824 的回复:
function print(){
        debugger;
        var iframeLength = document.getElementsByTagName("iframe").length;
        var iframe_start = 0;
        $('iframe').each(function () {
            var src = $(this).attr('src');

           /*$(this).ready(function () {
                iframe_start++;
                console.log(iframe_start,'iframe_start');
                if (iframe_start == iframeLength) {
                    window.print();
                }
            })*/
          // 此处错误 jq中使用ready
            $(this).onload = function () {
                iframe_start++;
                console.info(iframe_start);
                if (iframe_start == iframeLength) {
                    window.print();
                }
            }
        });
    }

您好，我换成了您修改的那个：
$().ready(function () {

        print();

    });

    function print() {

        debugger;

        var iframeLength = document.getElementsByTagName("iframe").length;

        var iframe_start = 0;

        $('iframe').each(function () {

            var src = $(this).attr('src');

            $(this).ready(function () {

                iframe_start++;

                console.log(iframe_start, 'iframe_start');

                if (iframe_start == iframeLength) {

                    window.print();

                }

            });

        });

    }

然后页面就卡了，一直在加载，点击都没反应，直到最后加载停止，麻烦您帮我再看一哈，谢谢

只看TA 引用 举报 #4得分 0
私信 空间 博客
前端人丶
等级
本版专家分：20
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
引用 4 楼 yan雨天青色 的回复:
Quote: 引用 2 楼 qq_42990824 的回复:
function print(){
        debugger;
        var iframeLength = document.getElementsByTagName("iframe").length;
        var iframe_start = 0;
        $('iframe').each(function () {
            var src = $(this).attr('src');

           /*$(this).ready(function () {
                iframe_start++;
                console.log(iframe_start,'iframe_start');
                if (iframe_start == iframeLength) {
                    window.print();
                }
            })*/
          // 此处错误 jq中使用ready
            $(this).onload = function () {
                iframe_start++;
                console.info(iframe_start);
                if (iframe_start == iframeLength) {
                    window.print();
                }
            }
        });
    }

您好，我换成了您修改的那个：
$().ready(function () {

        print();

    });

    function print() {

        debugger;

        var iframeLength = document.getElementsByTagName("iframe").length;

        var iframe_start = 0;

        $('iframe').each(function () {

            var src = $(this).attr('src');

            $(this).ready(function () {

                iframe_start++;

                console.log(iframe_start, 'iframe_start');

                if (iframe_start == iframeLength) {

                    window.print();

                }

            });

        });

    }

然后页面就卡了，一直在加载，点击都没反应，直到最后加载停止，麻烦您帮我再看一哈，谢谢





你这引用了多少iframe？我这边看了下 没什么问题 看你这个无响应应该是太多的内容导致内存不够了 你试试先用三四个iframe看看还会卡吗
只看TA 引用 举报 #5得分 0
更多帖子
私信 空间 博客
yan雨天青色
等级
本版专家分：0
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
引用 5 楼 qq_42990824 的回复:
Quote: 引用 4 楼 yan雨天青色 的回复:
Quote: 引用 2 楼 qq_42990824 的回复:
function print(){
        debugger;
        var iframeLength = document.getElementsByTagName("iframe").length;
        var iframe_start = 0;
        $('iframe').each(function () {
            var src = $(this).attr('src');

           /*$(this).ready(function () {
                iframe_start++;
                console.log(iframe_start,'iframe_start');
                if (iframe_start == iframeLength) {
                    window.print();
                }
            })*/
          // 此处错误 jq中使用ready
            $(this).onload = function () {
                iframe_start++;
                console.info(iframe_start);
                if (iframe_start == iframeLength) {
                    window.print();
                }
            }
        });
    }

您好，我换成了您修改的那个：
$().ready(function () {

        print();

    });

    function print() {

        debugger;

        var iframeLength = document.getElementsByTagName("iframe").length;

        var iframe_start = 0;

        $('iframe').each(function () {

            var src = $(this).attr('src');

            $(this).ready(function () {

                iframe_start++;

                console.log(iframe_start, 'iframe_start');

                if (iframe_start == iframeLength) {

                    window.print();

                }

            });

        });

    }

然后页面就卡了，一直在加载，点击都没反应，直到最后加载停止，麻烦您帮我再看一哈，谢谢





你这引用了多少iframe？我这边看了下 没什么问题 看你这个无响应应该是太多的内容导致内存不够了 你试试先用三四个iframe看看还会卡吗

我试了下就只有两个iframe，也是无响应，就很奇怪哈哈哈
只看TA 引用 举报 #6得分 0
收起
收藏 回复
yan雨天青色

等级：

Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
关注 私信 TA的帖子
iframe加载完成获取元素_Selenium无法定位元素的几种解决方案

01frame/iframe表单嵌套WebDriver只能在一个页面上对元素识别与定位，对于frame/iframe表单内嵌的页面元素无法直接定位。解决方法：driver.switch_to.frame(id/name/obj)。switch_to.frame()默认可以直接取表单的id...

多TAB页管理管理后台 用iframe加载页面使用注意事项：iframe高度自适应，内外部js相互调用等

使用iframe实现多tab页后台管理是...使用iframe实现多tab页虽说很简单，但在实际项目应用中也需要注意几个问题：iframe高度自适应问题，iframe页面切换内存泄漏问题，iframe页面js代码与父页面js代码如何相互调用问题。

iframe懒加载_懒加载是如何实现的？

作为网页内容的一部分，图像和视频通常要消耗很多资源加载。要提高网页应用的性能，如何避免资源浪费在加载图像和视频上就很重要了。但是，很多时候我们都不愿意减少网页上的媒体资源，所以我们经常无从下手。幸运的...

jquery 父页面判断子页面是否加载完成

这个是判断当前文档的 DOM 是否加载完成，有时候会动态加载子页面，父页面想判断子页面的 DOM 是否加载完成，而且是在不想改变子页面代码情况下。也就是说，就想要在父页面判断子页面 ready 的方法。google下，有...

iframe懒加载_如何实现图片懒加载

在一些图片量比较大的网站(比如电商网站首页，或者团购网站、小游戏首页等)，如果我们尝试在用户打开页面的时候，就把所有的图片资源加载完毕，那么很可能会造成白屏、卡顿等现象，因为图片真的太多了，一口气处理...

iframe载入完成时的事件监听

经常会遇到这样一种情况...这时将会出现所有页面已经载入完成，但在iframe元素处，将会出现空白，直到内嵌页面完成载入时，该空白处才会显示新载入的页面。 可想而知，一个页面如果长时间的空白，对于浏览者来说将意味

XZ_Python之使用selenium加载动态网页和判断元素是否存在

1、动态网页加载获取最新的窗口 使用Python加载动态网页，即，当加载网页时，打开网页的方式是"__blank"，跳转到了另一个网页，如下图： 点击了12306首页的“购票”按钮，就新打开了第2个页面，这...

easyui tabs初始化加载iframe的问题

前几天做了一个有关于用户授权的 dialog，在弹出的窗口中嵌入五个标签页，每隔标签页的内容是通过iframe加载。 由于触发弹窗的时候会一次性加载出所有的标签页，但是因为没有切换到那些页面所以会导致无法找到页面上...

Selenium-webdriver系列教程(九)————如何智能的等待页面加载完成

web的自动化测试中，我们经常会遇到这样一种情况：点击1个按钮，页面上会弹出1个iframe，这时候脚本就需要去等待iframe加载完毕才能进行后续的操作。 在这种情况下，我们一般的处理思路是等待被等待对象上的某个子...

iframe中子父类窗口调用JS的方法及注意事项

我页面用的是EasyUI的弹出窗口里面嵌入一个iframe。 第一：父窗口打开子窗口是一个新增用户信息的iframe子页面，点击保存后，子窗口iframe则去调用父窗口的function closeAddWindow()方法，让父窗口去关闭新增页面...

iframe/window.open打开一个新窗口/子窗口中调用父窗口的方法

window.open 只打开一个窗口是将  oNewWindow = window . open ( sURL , sName , sFeatures , bReplace ) 中的sName 设置成一个固定值，如果有框架的话设置成“_top” 语法：   oNewWindow = ...

加载多个iframe 窗口时间超过四秒，怎么优化

layui 如何动态加载局部页面_Web前端教程：layui弹层同时存在多个的解决方法

Web前端开发教程,前端开发基础layer，一个可以让你想到即可做到的web弹窗(层)解决方案(js组件)，layer侧重于用户灵活的自定义，为不同人的使用习惯提供动力。其意义在于，可以让您的页面拥有更丰富与便捷的操作体验...

jq中load（）方法加载公共元素、iframe加载公共元素

jq中load()方法 ...1、在网站开发过程中有的时候一个页面的头部可能在很多页面中公用，没有使用vue这些框架的情况下jq也是一个很好的工具， 单独创建一个页面例如header.html; 2、将一些公共元素放在header.h...

js/iframe 子页面调用父页面方法与父页面调用子页方法

但是我这里我要从子页面就是房态图，因为主页面和房态中有一些方法是相同，就是说从房态图中打开模态框，同时也可以从主页面打开这个模态框。也是说我这次的问题是如何从主页面中调用子页面中的方法?就想下图所示嘛...

iframe js 加载失败_Playwright - JS的浏览器自动化交互工具

听说 Python有个 Selenium，那 Javascript 能不能也来一个？使用同样的前端语言会不会更加方便和强大呢？来看看 Playwright 吧！浏览器自动化交互简介Playwright，是在 Github 上由 microsoft，也即是微软团队，所...

vue 多页面iframe不刷新_Vue中对iframe实现keep alive（无刷新）

前言最近一个需求，需要在Vue项目中加入含有iframe的页面，同时在路由切换的过程中，要求iframe的内容不会被刷新。一开始使用了Vue自带的keep- alive发现没有用，于是自己研究了一下解决方案。。。。。。Vue的keep-...

iframe视频调用自适应页面大小

iframe固定了一个宽度和高度，不做处理的时候，在移动设备或者响应式设计中，就会自适应不了。 我们知道table可以移动设备中也可以简单的实现自适应，但他毕竟是有固定内容，不可能把内容挤掉。可以在table的外面...

iframe 触发父页面方法,javascript子窗口获取父窗口失败原因

搜索更多

iframe嵌套页面_让百度商桥爱番番弹出聊天小窗口而不是打开新页面的方法

来自网上的一位客户，需要我完成百度商桥弹出框的效果制作，原本是很简单的一个过程，但是着实让咱领略到了百度商桥爱番番的鸡肋。咱们下面就以这位客户的需求来进一步阐述：1、除了产品页面，点击右侧在线客服能够...

js 获取father_iframe中子父类窗口调用JS的方法及注意事项

一、前言我页面用的是EasyUI的弹出窗口里面嵌入一个iframe。第一：父窗口打开子窗口是一个新增用户信息的iframe子页面，点击保存后，子窗口iframe则去调用父窗口的function closeAddWindow()方法，让父窗口去关闭...

2020年前端面试题及答案

前端面试汇总（2020年） 一 大纲 1、前言 2、前端工程化 3、前端设计模式 4、前端安全性问题 ...由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题...

boostrap模态框+iframe实现复杂页面弹出窗口

之前使用模态框，只能...1. 调用菜单 <a id="roleMenu" class="btn btn-default" href="#" onclick="editMenuTree()">分配权限</a> 2.模态框显示，内置iframe <div class="modal fade" id="us...

解决iframe作为子窗口，刷新后iframe页面跳转到其它页面的问题

在开发网站时，尤其是管理后台，我们经常会使用iframe作为内容窗口，而外面的是菜单部分，这样就可以借助iframe，只刷新内容部分，而不刷新其它的部分。 好处:(1)给用户的视觉效果要好，用户看到的不会是要刷新整个...

浏览器兼容问题项目总结（六） 页面嵌套多个iframe滚动条兼容性修改

本文转自：http://blog.csdn.net/u014744118/article/details/70792489最近几天一直在chrome和IE的兼容性问题上花费较多时间，将我在iframe这个问题上的一个坑给大家做个分享。iframes 提供了一个简单的方式把一个...

h5 iframe显示不全_大多数人都会遇到的几个H5坑（实战）

前言最近在公司写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。ios端兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示...

iframe引用 Ueditor 问题

最近做项目，需要使用Ueditor插件，把他放在了用nodejs 起了个静态服务器的里面，直接访问的时候完全没有问题。 但是当我想要使用iframe将他引入到我希望的地方的时候 <iframe class="col-sm-12" frameborder="no...

layui弹出层之layer.open弹出iframe窗口·

layui弹出层之layer....由于layui的弹出层每次执行layer.open({})都会弹出新的iframe窗口，它不会帮你判断是否弹出相同的iframe窗口，使用只能自己手动判断，禁止在已有iframe窗口下，再次使用layer.open({})创建...

【前端】vue2 页面路由跳转后不重新加载

小编最近在新搭建的vue2.0的框架中，发现页面路由跳转后，不会重新加载，遇到这个问题，小编想到了vue的生命周期中，有几个钩子方法可以使用，通过上网查询了解，找到了可以使页面路由跳转后可以重新加载页面的钩子...

iframe 父窗口和子窗口相互的调用方法集锦

iframe 父窗口和子窗口相互的调用方法集锦 用iframe、弹出子页面刷新父页面iframe parent.location.reload();弹出子页面 window.opener.location.reload();子窗口刷新父窗口 self.window.opener.locaction....

相关热词 c# 动态 泛型 c# 循环连接远程 c# 发起post请求 c#编辑图片源码 c# ide 源码 c# 水晶報表 直接打印 c# 推流 vscode 编写c# c#做一个登录验证界面 c# 新建一个excel