domReady的实现

怼烎@ 2022-05-10 05:20 142阅读 0赞

functionmyReady(cb){
    	//判断是否是现代浏览器if(document.addEventListener){
    		document.addEventListener("DOMContentLoaded", cb, false);
    	}else{
    		IEContentLoaded(cb);
    	}
    
    	functionIEContentLoaded(){
    		vard = window.document;
    		vardone = false; 
    		//确保cb只执行一次varinit = function(){
    			if(!done){
    				done = true;
    				cb();
    			}
    		}
    
    		/*
    			下面的一个关于doScroll的hack和一个对onreadystatechange事件的监听函数，看似在功能上一致，都是为了判断在老版本IE中DOM树是否加载完成并在加载完成后第一时间调用所要执行的函数，但是对于doScroll的hack是每间隔一段时间就调用自身重复判断，而在这间隔时间中DOM树可能就已经构造完毕，所以还需要加上个对于readyState
    			的监听函数，通过这两段代码的不断轮询，就能尽可能的逼近DOM树刚刚构造完成的时间点从而提高执行效率。onreadystatechange事件是当在readyState属性发生改变之时触发的，所以一旦DOM树构造完毕，onreadystatechange事件将不再被触发，所以需要对于doScroll的hack
    			来实现在DOM树构造完毕之后对于IEContentLoaded方法的正常执行。*/(function(){
    			try{
    				//DOM树未加载完时调用doScroll会抛出错误d.documentElement.doScroll('left');
    			}catch(e){
    				setTimeout(arguements.callee, 50);
    				return;
    			}
    			init();
    		})()
    		//监听document的加载状态document.onreadystatechange = function(){
    			if(document.readystate === 'complete'){
    				//如果是在domReady之后调用的函数则立即执行document.onreadystatechange = null;
    				init();
    			}
    		}
    	}
    
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关 domready_JavaScript框架中的DomReady事件方法

domready The "domready" event, as it is affectionately known as, is one of the best thi

水深无声/ 2023年02月22日 01:25/ 0 赞/ 1 阅读

相关 bloomfilter的实现

bloomfilter利用多个hash函数将key映射到位上，可以大幅节省存储空间。搜索引擎的爬虫在判断自己是否爬过某个页面时就会用bloomfilter判断。具体介绍

Dear 丶/ 2022年08月14日 05:42/ 0 赞/ 192 阅读

相关 HashSet的实现

HashSet的实现和HashMap类似，看源码， public HashSet() { map = new HashMap<>();

向右看齐/ 2022年06月13日 09:58/ 0 赞/ 171 阅读

相关四则运算的移位实现，以及POW的实现

位运算 -------------------- 一、位运算简介我们先来熟悉下位运算的操作，大致要用到的位运算如下： > 1. `与(&)操作`，该操作

我就是我/ 2022年05月23日 04:36/ 0 赞/ 176 阅读

相关主流JS框架中DOMReady事件的实现

在实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：[绑定事件][Link 1]、[DOM][]操作某些结点等。原来比较常用的是window的onload [

悠悠/ 2022年05月22日 09:24/ 0 赞/ 102 阅读

相关主流JS框架中DOMReady事件的实现

<table> <tbody> <tr> <td> <p>在实际应用中，我们经常会遇到这样的场景，当页面加载完成后去做一些事情：<a href="http:/

以你之姓@/ 2022年05月18日 02:27/ 0 赞/ 104 阅读

相关 DOMReady

什么是DOMReady？一个被封装的方法，用以当浏览器生成DOM树结构后就开始解析某些js代码。为什么需要DOMReady？在初学js时，我们都知道使用wi

亦凉/ 2022年05月18日 01:17/ 0 赞/ 96 阅读

相关 domReady的实现

functionmyReady(cb){ //判断是否是现代浏览器if(document.addEventListener){ document.

怼烎@/ 2022年05月10日 05:20/ 0 赞/ 143 阅读

相关实现购物车的实现原理

1.在用户没有登陆的情况下，在商品详情界面，点击“加入购物车”把商品id传递给Controller，Controller接收id，Controller调用Service根据商品

深藏阁楼爱情的钟/ 2022年05月08日 10:48/ 0 赞/ 231 阅读

相关 Indexof的实现

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 代码 1 class Program 2

我就是我/ 2021年12月24日 15:15/ 0 赞/ 347 阅读