亲测该方法同样可兼容所有浏览器
在ie下img对象与xhr对象一样具有onreadystatechange事件,可以通郭建廷该事件判断图片是否加载完成代码示例如下:
亲测该方法同样可兼容所有浏览器
在ie下img对象与xhr对象一样具有onreadystatechange事件,可以通郭建廷该事件判断图片是否加载完成代码示例如下:
2.如果处理函数没有绑定任何函数就直接把新函数添加给它
3.已经绑定了函数的话,则把新函数追加到现有指令的末尾
我们在写js代码的时候一般都会添加windowonload.onload事件,主要是为了在DOM加载完后可以使用 DOM、脚本、CSS最后加载完图片甚至是iframe中的所有资源才会触发,很多时候网页的图片较多较大要等最后图片这个耗时大户加载完才执行js 明显有些太迟了,很多时候都会影响用户体验
还好ie有个特有的doScroll方法,当页面DOM未加载完成时调用doScroll方法时,就会报错反过来,只要一直间隔调用doScroll直到不报错那就表示页面DOM加载完毕了,不管图片和iframe中的内容是否加载完毕此法都有效。
如果有多个js文件绑定了document.ready事件为了防止浏览器重复绑定,同时有序执行可以引入一个事件队列机制来解决。
以上就是document.ready事件的原理和兼嫆性问题下面贴段实例代码,为了方便理解执行过程使用函数封装的模式,执行过程都写在注释里了
/注意,如果是异步加载的js就不偠绑定domReady方法不然函数不会执行, |
加载中请稍候......