文档章节

iframe加载问题与解决办法

北落
 北落
发布于 2013/11/19 10:54
字数 233
阅读 47
收藏 0

实现方法

网上查找到的比较多的解决办法为:

var iframe = document.createElement("iframe");
iframe.src = "simpleinner.htm";

if (iframe.attachEvent){
    iframe.attachEvent("onload", function(){
        alert("Local iframe is now loaded.");
    });
} else {
    iframe.onload = function(){
        alert("Local iframe is now loaded.");
    };
}

document.body.appendChild(iframe);

这种方式可以完美的解决兼容问题。如果使用JQuery的话,可以使用load方法来替换以上代码

$('#dialog iframe').load(function(){
     console.log("JQuery");
});

可能存在的问题

测试IE与FF都没有问题,而Chrome下却不触发事件

Chrom下使用load()函数读取页面有个先决条件,就是要有个服务器环境,我把页面放在iis下面,就好使了
这个问题在老版本的chrome下可能会出现。

Chrome与IE、FF不同的是加载方式的不同,Chrome在url为空的情况下不处罚load事件,而IE与FF都会触发,所以IE与FF比Chrome多触发一次事件。


© 著作权归作者所有

共有 人打赏支持
北落

北落

粉丝 35
博文 7
码字总数 869
作品 0
海淀
程序员
私信 提问
IE下 iframe子页面document.documentElement报错问题(未指明的错误。)

测试环境:IE8 jquery1.11.1 问题描述: 如果使用了<iframe>,并且在iframe页面中用到了jquery,那么在加载iframe页面时会报错.(未指明的错误) 经过排查,错误来自红色部分 "focus": function( e...

乾坤摄
2015/08/11
0
0
easyui tab 加载iframe 高度问题

其实按网上搜的结果, 有个属性是. 加上他之后会使得自适应父类的宽高。 加上之后,发现个问题,当刷新tab内容的时候高度是对的,但是新建tab的时候高度还是没自适应。下面解决办法是,新建之...

渺小的尘埃
2015/05/06
0
1
IE 中跨域访问session失效问题

问题描述: 情形一:有服务器A与B(A、B服务器不在同一域中),服务器A中的页面包含有iframe,需要加载B服务器中的数据(需要登录验证后的)。验证信息从iframe的src属性中传递给服务器B,当...

Lofo
2013/09/27
0
0
ajaxSubmit上传文件出现下载提示框问题

今天在使用jquery.form插件的ajaxSubmit上传文件时,在IE、chorme下测试,老是出现下载文件的提示框,谷歌百度了半天,基本没有人说明是什么原因的,在查看了jquery.form的源码时,发现了下面...

飞炀
2013/09/09
0
0
关于ajax返回数据中包含js文件不执行的问题

我在页面上构建了一个ajax请求(普通的和jquery的都试过),去请求一个html片段,此片段中包含 和 。把此片段用InnerHTML写道某个DOM里,一般情况下, 会执行,但是额外调取的,如 方式调取的,...

木川瓦兹
2013/04/07
2.5K
1

没有更多内容

加载失败,请刷新页面

加载更多

Java中的ReentrantLock和synchronized两种锁定机制的对比

多线程和并发性并不是什么新内容,但是 Java 语言设计中的创新之一就是,它是第一个直接把跨平台线程模型和正规的内存模型集成到语言中的主流语言。核心类库包含一个 Thread 类,可以用它来构...

watermelon11
13分钟前
1
0
Tomcat的日志

Tomcat的日志 Tomcat日志在/usr/local/tomcat/logs目录下,大概有一下几类文件: catalina.outcatalina.xxx-xx-xx.loghost-manager.xxxx-xx-xx.logmanager.xxxx-xx-xx.loglocalhost.xxx......

wzb88
34分钟前
2
0
PHP7源码编译安装详解

下面进行编译安装PHP7.0,编译安装最头疼的就是因为某些类库没有安装而报错,所以编译前请确保以下包已安装。 $ yum groupinstall "development tools"$ yum install -y gcc gcc-c++ aut...

Linux就该这么学
52分钟前
3
0
Java引用传递和JVM堆栈的关系说明

通过代码说明 Java 引用传递在堆栈上的关系。 可以从JVM的内存空间存放上说明,值传递 和引用传递。 堆(线程共享):对象、对象的全局变量、数组 栈(线程私有):声明为局部变量的 基本数据...

冷基
今天
2
0
直接插入排序

直接插入排序的基本操作是将一个记录插入到已经排好序的有序表中,从而得到一个新的、记录数增1的有序表。直接插入排序的时间复杂度为O(n^2),但性能比冒泡排序和简单选择排序的性能要好一点...

niithub
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部