解决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

解决iframe框架onload方法不加载的问题相关推荐

php监听iframe加载完成,window_IE iframe的onload方法分析小结，判断iframe是否加载完成的完美 - phpStudy...
IE iframe的onload方法分析小结判断iframe是否加载完成的完美方法IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册. 第二种方 ...
除了iframe还有什么方法加载第三方网页_IE9常见问题的解决方法
IE9偶尔出现的网页显示不正常或者崩溃的情况该如何应对呢?我们来看看几个比较常见的现象和对应的解决方法导致这些现象的最终原因可以归咎于以下几个方面: 1.网页的代码与IE9不兼容或兼容性不好: 2. ...
谷歌浏览器iframe兼容问题_兼容解决 IE 、火狐、谷歌浏览器中 Iframe框架的页面缓存的方法...
在我们的项目中往往少不了广告的成分,有的时候我们为了方便修改一般会选择iframe嵌套进来的方法,开始的时候没怎么留意,一般自己换广告也是强制刷新,直到后来看广告统计的ip发现好多广告都下架了半个月了 ...
php iframe js加载不上,js iframe的onload事件不去作用的原因及解决办法
通过createElement_x_x创建的iframe的onload事件在有些时候不响应,具体原因和解决办法如下. 首先,我们来看一下下面这种方法: function createFrame(){ ...
nuxt 头部引入js文件第一次进入页面不加载js文件的解决方法
head () {return {title: '',meta: [{ hid: 'description', name: 'description', content: '' }],script: ...
手机浏览器加载不出来css,如何解决浏览器不加载css文件的问题
解决浏览器不加载css文件的方法:1.检查css路径是否错误并修改:2.将css文件中指定的编码与页面设置统一:3.修改文件后缀的minetype类型:4.检查并修改HTML头部的DOCTYPE声明. ...
iframe框架内嵌vue项目：Blocked a frame with origin http://xxxx from accessing a cross-origin iframe.解决办法
场景: 网站iframe内嵌vue项目原因: iframe框架跟内嵌网页跨域例如网站域名:http://test.com iframe内嵌域名http://casey.test2.c ...
uniapp自定义的tabbar切换页面时不加载onload、onshow问题
uniapp自定义的tabbar切换页面时不加载onload.onshow问题只需要在子组件里使用created()方法,把你的请求放在里面即可,如下
解决nginx部署后css、js、图片等样式不加载的问题
解决nginx部署后css.js.图片等样式不加载的问题参考文章: (1)解决nginx部署后css.js.图片等样式不加载的问题 (2)https://www.cnblogs.com/smallf ...

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

解决iframe框架onload方法不加载的问题相关推荐

最新文章

热门文章