事件(2) onload事件(2016/06/28更新)

01 Aug 2014

这个window.onload在项目中如果如果需要不要用DOM0的标准去写，很容易被覆盖的,一定记住要用window.addEventListener.

                    window.onload = function(){
                        alert("111");
                    }

                    window.addEventListener("load",function(){
                        alert("333");
                    });
                

                    //onload事件总结
                    //window加载完后触发
                    EventUtil.addEventFunction(window, "load", function(){
                        alert("111");
                    });
                    //动态添加图片，并在图片加载完后触发
                    EventUtil.addEventFunction(window, "load", function(){
                        var img = document.createElement("img");
                        EventUtil.addEventFunction(img, "load", function(){
                            alert(EventUtil.getTarget(event).src );
                        });
                        document.body.appendChild(img);
                        //必须在指定src前指定事件
                        img.src = "http://s1.bdstatic.com/r/www/cache/static/home/img/logo_7809e161.png";

                    });
                    //动态添加script，并判断是否添加完成
                    EventUtil.addEventFunction(window, "load", function(){
                        var script = document.createElement("script");
                        EventUtil.addEventFunction(script, "load", function(){
                            alert("done!");
                        });
                        document.body.appendChild(script);
                        //这个顺序就不重要了
                        //图片只要设置了src就会开始下载
                        //脚本必须要设置了src，并添加到文档才开始下载
                        script.src = "./sunny.js";
                    });