zoukankan      html  css  js  c++  java
  • DOMContentLoaded事件

     load会等待一切都加载完然后执行

    DOMContentLoaded会在DOM树执行完毕就执行,不用等待其他图像、js文件、css文件的加载

    这就意味着用户可以尽早实现页面的交互

    要处理DOMContentLoaded事件,可以用document、或window添加相应的事件处理程序,这个事件会冒泡到window,但目标实际上是document

    IE9以上的2标准浏览器都支持此标准:

    如果不知,可以使用一个时间为0毫秒的超时调用(但是无法保证超时调用一定会早于load事件)

    setTimeout(function(
                //再次添加事件处理程序
            ),0)

    实例:说明:DOM树是在img之前加载的

    var oImg = document.getElementById('img');
    
            EventUtil.addHandler(oImg,'load',function(event){
                event = EventUtil.getEvent(event);
                console.log('图片加载完');
                console.log(event.target);//target属性为img
            });
    
            EventUtil.addHandler(document,'DOMContentLoaded',function(event){
                event = EventUtil.getEvent(event);
                console.log('DOM树加载完');
                console.log(event.target);//target属性为document
            });
  • 相关阅读:
    Spring优势
    Spring中的设计模式
    Spring MVC体系结构
    《Spring3.0就这么简单》第1章快速入门
    InvocationHandler
    JdkDynamicAopProxy源码
    Proxy代理(AOP实现原理)
    Spring AOP 实现原理
    BeanFactory和ApplicationContext的作用和区别
    背景图片相关设置
  • 原文地址:https://www.cnblogs.com/jokes/p/9747974.html
Copyright © 2011-2022 走看看