Javascript核心读书有感之语言核心(7)

下面的这些客户端javascript用到了事件,它给了一个很重要的事件:“load”事件注册了一个事件处理辰星。同事也展示注册"click"事件处理函数更高级的一种方法

复制代码 代码如下:


<script type="text/javascript">
         //"load"事件在只有在文档加载后才能完成触发
         //如通常需要等待load事件发生后才能执行javascript代码
        window.onload = function() {
            //找到文档中所有的img标签
            var images = document.getElementsByTagName("img");

//遍历images,给每个节点的click事件添加处理程序
            //在点击图片的时候将图片隐藏
            for (var i = 0; i < images.length; i++) {
                var imge = images[i];
                if (imge.addEventListener) //注册时间处理程序的另外一种方法
                    imge.addEventListener("click", hide, false);
                else //兼容ie8以前操作
                    imge.attachEvent("onclick", hide);
            }
            //这便是上面注册事件的处理函数
            function hide(evnet) {
                event.target.style.visibility = "hidden";
            }
        };
    </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgfsjz.html