JavaScript:判断iframe是否加载完成的完美方法

2016-02-20 01:00 28 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的JavaScript:判断iframe是否加载完成的完美方法教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

一般来说,我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似:

var iframe = document.createElement("iframe");
iframe.src = "http://www.webjx.com";
if (!/*@cc_on!@*/0) { //if not IE
    iframe.onload = function(){
        alert("Local iframe is now loaded.");
    };} else {
    iframe.onreadystatechange = function(){
        if (iframe.readyState == "complete"){
            alert("Local iframe is now loaded.");
        }
    };}document.body.appendChild(iframe);

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

最近, Nicholas C. Zakas 文章《Iframes, onload, and document.domain》的评论中 Christopher 提供了一个新的判断方法(很完美):

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

var iframe = document.createElement("iframe");
iframe.src = "http://www.webjx.com";
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);

几点补充说明:

IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册。

第二种方法比第一种方法更完美,因为 readystatechange 事件相对于 load 事件有一些潜在的问题。

来源:http://www.tulaoshi.com/n/20160220/1633011.html

延伸阅读
标签: Web开发
现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊????  img   src="demo.gif"   onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)"   onmouseup="clearInterval(window.timer...
看他是不是进取型人格 进取型人格也是相对固守型人格来说的,固守型人格的人很在意自己的形象,他们总觉得自己目前的情况是最好的,固守型人格最大的特点是坚决不做自己不擅长或者做不好的事,因为只有这样才能保证自己能hold住不出丑。 而进取型人格的人不太在意外界的看法,他们喜欢新鲜事物,喜欢挑战、喜欢尝试、他们可能会...
标签: 怀孕
头晕、无力、嗜睡、恶心……会不会是因为怀孕了呢?怎么样才能知道自己真的怀孕了呢?早点知道自己是否怀孕才能早日做好准备,为孩子的生长发育做好准备。 1、看月经推迟 月经推迟的现象是大多数人判断是否怀孕的首要条件,但是并不是只有怀孕才会导致月经推迟的,比如说精神压抑、心情紧张、身体不佳、工作劳累、考试紧张、环境改变、减...
标签: 孕妇湿气重
判断体内是否有湿的方法 1、起床时看感觉 如果每天早晨起床的时候觉得特别疲劳,头发昏,打不起精神来,或是像穿了件湿衣服一样,浑身不清爽,人也懒得动……那么可以肯定你体内有湿了。 2、如厕时看大便? 清晨方便后,可以观察一下大便。是不是粘在马桶上了,一箱水还冲不净。不方便观察马桶的,也可以观察手...
标签: 生活常识
判断野蘑菇是否有毒的方法   对于一般人来说,很难判定蘑菇是否有毒。有毒蘑菇和可食蘑菇往往混生,形态相似,辨别困难,导致误食中毒现象屡见不鲜。如何判断有毒蘑菇?尽量避免蘑菇中毒。 蘑菇又称蕈,肉质细嫩,味美可口,含有多种营养成分,且具有一定的医疗价值,是人们喜爱的副食品之一。然而,有毒蘑菇和可食蘑菇往往混...

经验教程

534

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部