DOM探索之基础详解篇_技术笔记

qq_上帝的色子_0 2019-04-08

1.低版本的ie不支持document.addEventListener方法、（ie支持： attachEvent），所以：

if(document.addEventListener){

document.addEventListener('DOMContentLoad', fn(), false)

}else{

执行兼容的ie的方法

}

2.domContentLoad兼容低版本ie方法:

（1）保证执行一次，最外面定义一个done=false

https://img4.mukewang.com/5b5ed0770001539308210313.jpg

（2）监听document的加在状态：

https://img2.mukewang.com/5b5ed04f0001a9f609990344.jpg

（3）在dom创建完的判断

https://img4.mukewang.com/5b5ed0670001f2a910410509.jpg

0赞 · 0采集
不知道叫啥昵称才好 2018-11-21

各主流框架DOMReady的实现.

截图
0赞 · 0采集
qq_笑纵然万般心碎_0 2018-07-30
1. 低版本的ie不支持document.addEventListener方法、（ie支持： attachEvent），所以：
  if(document.addEventListener){
  document.addEventListener('DOMContentLoad', fn(), false)
  }else{
  执行兼容的ie的方法
  }
2. domContentLoad兼容低版本ie方法:
  （1）保证执行一次，最外面定义一个done=false
1. （2）监听document的加在状态：
  
  （3）在dom创建完的判断
0赞 · 0采集
超级无敌可爱的美少女 2017-11-20

//jQuery思路的DOMReady事件 function myReady(fn) { // 对于现代浏览器，对于DOMContentLoaded事件的处理采用标准的事件绑定方式 if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fn, false); } else { IEContentLoaded(fn); } // IE模拟DOMContentLoaded function IEContentLoaded(fn) { var d = window.document; var done = false; // 只执行一次用户的回调函数init() var init = function() { if (!done) { var done = true; fn(); } }; (function() { try { // DOM树未创建完之前调用doScroll会抛出错误 d.documentElement.doScroll('left'); } catch (e) { // 延时再试一次 setTimeout(arguments.callee, 50); return; } // 没有错误就表示DOM树创建完毕，然后立即执行用户回调 init(); })(); // 监听document的加载状态 d.onreadystatechange = function() { // 如果用户是在documentReady之后绑定的函数，就立即执行 if (d.readyState == 'complete') { d.onreadystatechange = null; init(); } } } }

0赞 · 0采集
juymy 2017-11-15

DOMReady 实现策略

截图
0赞 · 0采集
Nika_ 2017-07-29

DOMReady实现策略

截图
1赞 · 3采集
慕设计9023129 2017-07-27

各主流框架DOMRrady的实现： http://www.cnblogs.com/JulyZhang/archive/2011/02/12/1952484.html

0赞 · 1采集
MaxIo_Yu 2017-06-12

domready

截图
0赞 · 0采集
orangewangjie3473319 2017-06-03

各主流框架DomReady的实现

截图
0赞 · 0采集
orangewangjie3473319 2017-06-03

//jQuery思路的DOMReady事件 function myReady(fn) { // 对于现代浏览器，对于DOMContentLoaded事件的处理采用标准的事件绑定方式 if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fn, false); } else { IEContentLoaded(fn); } // IE模拟DOMContentLoaded function IEContentLoaded(fn) { var d = window.document; var done = false; // 只执行一次用户的回调函数init() var init = function() { if (!done) { var done = true; fn(); } }; (function() { try { // DOM树未创建完之前调用doScroll会抛出错误 d.documentElement.doScroll('left'); } catch (e) { // 延时再试一次 setTimeout(arguments.callee, 50); return; } // 没有错误就表示DOM树创建完毕，然后立即执行用户回调 init(); })(); // 监听document的加载状态 d.onreadystatechange = function() { // 如果用户是在documentReady之后绑定的函数，就立即执行 if (d.readyState == 'complete') { d.onreadystatechange = null; init(); } } } }

截图
0赞 · 0采集
略略略也行 2017-05-26

http://www.cnblogs.com/JulyZhang/archive/2011/02/12/1952484.html

0赞 · 0采集
慕仙5249246 2017-04-09

监听document 的加载状态

0赞 · 0采集
融声桦草慢 2017-03-25

DOMReady 实现策略

0赞 · 0采集
异常代码 2017-03-24

见图

截图
0赞 · 0采集
异常代码 2017-03-24

见图

截图
0赞 · 0采集
异常代码 2017-03-24

见图

截图
0赞 · 0采集
异常代码 2017-03-24

自己写一个domready

0赞 · 0采集
斜杠男人 2017-03-22

通过能力检测区分浏览器

截图
0赞 · 0采集
qq_s1思念丶_03917798 2017-03-20

//jQuery思路的DOMReady事件 function myReady(fn) { // 对于现代浏览器，对于DOMContentLoaded事件的处理采用标准的事件绑定方式 if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fn, false); } else { IEContentLoaded(fn); } // IE模拟DOMContentLoaded function IEContentLoaded(fn) { var d = window.document; var done = false; // 只执行一次用户的回调函数init() var init = function() { if (!done) { var done = true; fn(); } }; (function() { try { // DOM树未创建完之前调用doScroll会抛出错误 d.documentElement.doScroll('left'); } catch (e) { // 延时再试一次 setTimeout(arguments.callee, 50); return; } // 没有错误就表示DOM树创建完毕，然后立即执行用户回调 init(); })(); // 监听document的加载状态 d.onreadystatechange = function() { // 如果用户是在documentReady之后绑定的函数，就立即执行 if (d.readyState == 'complete') { d.onreadystatechange = null; init(); } } } }

1赞 · 2采集
罪恶少主 2017-03-15

DOMContentLoaded:

截图
0赞 · 0采集
Airplane 2017-02-22

各大主流框架DOMReay是如何实现的 http://www.cnblogs.com/JulyZhang/archive/2011/02/12/1952484.html

截图
0赞 · 0采集
Lubywu 2017-02-16

setTimeout(arguments.callee, 50); 是调用自身的实现，return 实现递归调用

截图
0赞 · 0采集
Lubywu 2017-02-16

浏览器支持DOMContentLoaded 事件的就使用 addEventListener("DOMContentLoaded", fn , false); IE浏览器则使用document.documentElement.doScroll("left"); 来判断DOM树是否创建完毕

截图
0赞 · 0采集
围棋号 2017-01-08

//jQuery思路的DOMReady事件 function myReady(fn) { // 对于现代浏览器，对于DOMContentLoaded事件的处理采用标准的事件绑定方式 if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fn, false); } else { IEContentLoaded(fn); } // IE模拟DOMContentLoaded function IEContentLoaded(fn) { var d = window.document; var done = false; // 只执行一次用户的回调函数init() var init = function() { if (!done) { var done = true; fn(); } }; (function() { try { // DOM树未创建完之前调用doScroll会抛出错误 d.documentElement.doScroll('left'); } catch (e) { // 延时再试一次 setTimeout(arguments.callee, 50); return; } // 没有错误就表示DOM树创建完毕，然后立即执行用户回调 init(); })(); // 监听document的加载状态 d.onreadystatechange = function() { // 如果用户是在documentReady之后绑定的函数，就立即执行 if (d.readyState == 'complete') { d.onreadystatechange = null; init(); } } } }

0赞 · 0采集
Lilylin 2016-12-20

DOMReady实现策略

截图
0赞 · 0采集
Delivw 2016-11-23

DOMReady

截图
0赞 · 0采集
qq_寻梦追忆_04151787 2016-11-16

DOMReady实现策略

截图
0赞 · 0采集
学之舟_36820 2016-11-06

// 390-393 http://www.cnblogs.com/JulyZhang/archive/2011/02/12/1952484.html // 跨浏览器的DOMContentLoaded事件 function domReady(fn){ if (document.addEventListener) { document.addEventListener("DOMContentLoaded",fn,false); } else { IEContentLoaded(fn); } // 兼容所有ie浏览器 function IEContentLoaded(fn) { var done = false; // 设置开关，只执行一次传入参数 var init = function () { if (!done) { done = true; fn(); } } // 对ie模拟DOMContentLoaded事件 (function () { try{ // DOM树未创建之前调用doScroll()方法会抛出错误 document.documentElement ? document.documentElement.doScroll("left") : document.body.doScroll("left"); } catch(e) { // 延时重试，调用自身（递归） setTimeout(arguments.callee,50); return; } // 不再出错，DOM树创建完毕，执行绑定的函数 init(); })() // 监听document的加载状态事件 document.onreadystatechange = function () { if (document.readyState === "complet") { // document已经加载完毕，清除监听加载状态事件 document.onreadystatechange = null; // 函数是在domReady之后绑定的，可立即执行 init(); } } } }

截图
0赞 · 0采集
P妞酱酱 2016-10-28

烦烦烦烦烦烦

截图
0赞 · 0采集
YouNoFish 2016-10-23

domReady

截图
0赞 · 0采集

数据加载中...