页面载入中...

DOM 加载事件:addDOMLoadEvent

DOM Ready在很多情况下,我们使用 window.onload 事件判断页面加载完成,注意:不是 DOM。这里就会有一个问题,我们编写的 JS 代码将会在页面上所有元素加载完成之后才开始执行。打个比方,你在网页上使用了一个用来调整外观的 JS,而此刻恰好网络状况不太好,那么用户很可能在漫长地等待页面中所有图片下载完成或超时之后,才能看到脚本调整后的新外观,而在这之前,你的页面外观可能会比较尴尬。

熟悉 jQuery 的朋友知道 $(document).ready 的好处就在这里,它只等待 DOM 加载完成,而不是页面。不过我们不可能做任何应用都引入略显庞大的 jQuery 框架,所以就有国外的大牛写了这个压缩后只有 617 字节的东西:addDOMLoadEvent。本来想亲自写一大段话解释解释这个东东,却 Google 出了别人早写好的,简体中文,有兴趣的直接跳转过去看吧。

这里是 adddomloadevent.js 的代码,用法不多说了,作者已经写在代码的注释里了。(PS:代码贴不到日志里来,不知道是 DH 还是 WordPress 的编辑器,真垃圾!囧)

7条留言. 发言 or Trackback

留言 ↓

欢迎回来, (修改)

  • :em03:
  • :em05:
  • :em23:
  • :em07:
  • :em06:
  • :em18:
  • :em22:
  • :em25:
  • :em10:
  • :em17:
  • :em26:
  • :em27:
  • :em19:
  • :em21:
  • :em01:
  • :em16:
  • :em12:
  • :em09:
  • :em02:
  • :em24:
  • :em11:
  • :em20:
  • :em15:
  • :em00:
  • :em08:
  • :em13:
  • :em04:
  • :em14:

正在提交数据...