DOMReady

function DOMReady(fn){
    if(document.addEventListener){
        addEvent(document,‘DOMContentLoaded‘,fn);
    }else{
        IEContentLoaded();
    }
    function IEContentLoaded(){
            var d=window.document;
            var done=false;
            var init=function(){
                if(!done) done=true;
                fn();
            }
        (function(){
            try{
                d.documentElement.doScroll("left");
            }catch(e){
                setTimeout(argumens.callee,13);
                return;
            }
            init();
        });
        d.onreadystatechange=function(){
            if(d.readyState==‘complete‘){
                d.onreadystatechange=null;
                init();
            }
        }

    }
}
时间: 2024-10-11 01:21:37

DOMReady的相关文章

Loader Plugins-dojo/domReady

dojo/domReady!,AMD加载插件,DOM元素加载完成后调用回调函数. 1 <script type="text/javascript" src="/dojo/dojo/dojo/dojo.js"></script> 2 <script type="text/javascript"> 3 require(["dojo/domReady!"],function(){ 4 consol

domReady方法(dom加载完成执行回调)

var domReady = function( fn ) { var isReady = false, ready = function(){ if(!isReady){ typeof fn === 'function' && fn.call(document); isReady = true; } }, DOMContentLoaded = function() { if ( document.addEventListener ) { document.removeEventListe

OnLoad &amp; DOMReady

window.onload 事件会在页面或图像加载完成后立即触发(即所有元素的资源都下载完毕).如果页面上有许多图片.音乐或falsh,onload事件会迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完毕后触发, 即在资源加载前触发. DOMContentLoaded 事件在许多Webkit浏览器以及IE9上都可以使用, 此事件会在DOM文档准备好以后触发, 包含在HTML5标准中. 对于支持此事件的浏览器, 直接使用DOMContentLoaded事件是最简单最好

javascript之DOMReady

DOMReady实现策略    * 在页面的DOM树创建完成后(即HTML解析第一步完成)就触发,而无需等待其他资源的加载,即DOMReady实现策略    * 支持DOMContentLoaded事件的浏览器: 就使用DOMContentLoaded事件    * 不支持DOMContentLoaded事件的浏览器: 使用Hack兼容    * 通过IE中的document.documentElement.doScroll('left')来判断DOM树是否创建完毕 代码实现 function

学习写domready

原视频参考http://www.imooc.com/learn/488 --博主个人尝试学习写的-- /** * Created by ty on 2016/1/3. */ //尝试自己写domready函数 function myReady(fn){ /*fn是ready后执行的函数*/ if(document.addEventListener){ document.addEventListener("DOMContentLoaded", fn, false); }else { IE

jQuery的domReady

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery的DOMready</title> <script> var domReady = function(fn){ var completed = function() { document.removeEventListener( "DOMContentLoaded

mass种子模块之domready

总结:由于IE6/7/8不支持DOMContentLoaded事件,虽然它支持onreadystatechange事件,但是readyState=complete几乎和onload事件一样,需要等页面中的外部资源加载完后才触发,想要尽快可采用doScroll检测法(仅在非iframe下有效) 1 var turbo = turbo || {}; 2 var W3C = document.addEventListener ? true : false; 3 var doc = document,

dojo 官方翻译 dojo/domReady 版本1.10

官方地址:http://dojotoolkit.org/reference-guide/1.10/dojo/domReady.html#dojo-domready dom加载完成后,执行. require(["dojo/domReady!"], function(){ // will not be called until DOM is ready }); 通常dojo/domReady没有也不需要设定一个返回值,而且,它是被放在加载模块数组的最后加载. require(["

mass的domReady方案

mass框架的domReady解决方案 1 //mass的domReady方案 2 var readyList = []; 3 mass.ready = function(fn) { 4 if (readyList) { 5 fn.push(fn); 6 } else { 7 fn(); 8 } 9 } 10 var readyFn, ready = W3C ? "DOMContentLoaded" : "readystatechange"; 11 function