解决iframe框架onload方法不加载的问题

我在做项目的时候,遇到一个情景当时是替换iframe,设置里面input内容。而我设置input内容是要放到iframe的onload事件里,我本地调试没有问题,放到服务器就出现input框内容获取不到,后来找来找去,找到原因是iframe刚开始加载的时候才会调用onload事件,原因找到了然后就是解决方法。我是这样解决的,首先创建div,div里面包括iframe。

在通过jquery的方法load事件取代onload事件,我的.net代码如下(仅供参考): 

var tabcv = document.getElementById("left-box");
                var div = document.createElement("div");
                div.innerHTML = href2;
                div.style.width = "100%";
                div.style.height = "100%";
                var href2 = "<iframe width='100%' height='100%' id = 'myFrame'   src= \"" + pathAnswerArry[clickCount - 1] + "\"></iframe>";
                div.innerHTML = href2;
                tabcv.innerHTML = "";
                tabcv.appendChild(div);
                $("#myFrame").on('load', function () {

                    var inputs = $(document.getElementById("myFrame").contentDocument.getElementsByClassName("ipt"));
          
                    for (var i = 0; i < inputs.length; i++) {
                        var input = $(document.getElementById("myFrame").contentDocument.getElementsByClassName("ipt")[i]);
                        if (tmpAns[i] == undefined) {
                            input.val("");
                        } else {
                            input.val(tmpAns[i]);
                        }

                        input.css("background", "rgba(0, 0, 0, 0)");
                        input.attr({ "disabled": "disabled" });

})

注意使用jquery的方法时要使用比较高版本的jquery 的js

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值