页面载入中...

DOM 加载事件:addDOMLoadEvent

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

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

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

9条留言. 发言 or Trackback

  • cosbeta  17:49 Jan 01, 2008 

    不错不错,看到现场直播了

    cosbeta’s last blog post..storyday祝大家新年快乐

  • 北极冰仔  18:42 Jan 01, 2008 

    晕 动作真快!

  • kevin  11:25 Jan 02, 2008 

    代码

    kevin’s last blog post..工商银行的猪脑袋

  • kevin  11:26 Jan 02, 2008 

    晕,被屏蔽了。

    重新来,加空格

    code

    明白的吧

    kevin’s last blog post..工商银行的猪脑袋

  • kevin  11:27 Jan 02, 2008 

    再晕一次
    把《换成

    《code》代码《/code》

    kevin’s last blog post..工商银行的猪脑袋

  • 北极冰仔  11:58 Jan 02, 2008 

    kevin » 哈哈,我知道你的意思。不过我是用 GeSHi 来加亮代码的。只不过有些代码 DH 不允许保存进数据库,你应该没遇到过。^_^

  • 果果  23:07 Mar 31, 2008 

    正在想能否从jquery里分离这个出来,这里找到了就更好了.

  • Yiwu  14:35 Apr 02, 2010 

    俣哈.这个好像会变慢哦

  • dom  09:23 Jun 04, 2010 

    用adddomloadevent.js在同一位置加载显示不同大小DOM,比如轮换广告什么的?

留言 ↓

欢迎回来, (修改)

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

正在提交数据...