Javascript核心读书有感之语言核心

//在document中的一个指定信息的区域树超调试信息
         //如果document上不存在这个元素，则创建一个
        function debug(msg) {
            //通过查看html元素的    id属性来查找文档的调试部分
            var log = document.getElementById("debuglog");

            //如果元素不存在，则创建一个
            if (!log) {
                log = document.createElement("div"); //创建一个新的div元素
                log.id = "debuglog"; //为在各方元素的id赋值
                log.innerHTML = "<h1>Debug Log</h1>"; //自定义初始内容
                document.body.appendChild(log); //将其添加到文档末尾
            }
            //将消息包含在<pre>中，并添加到log中
            var pre = document.createElement("pre"); //创建pre元素
            var text = document.createElement(msg); //将msg包含在一个文本节点上
            pre.appendChild(text); //文本添加到pre
            log.appendChild(pre); //pre添加到log
        }

function hide(e, reflow) { //通过jvascript操纵元素和隐藏元素e
                if (reflow) { //如果第二个参数为true
                    e.style.display = "none" //隐藏这个元素，其占用的空间也销售
                } else {
                    e.style.visibility = "hidden"; //将e隐藏，保留其占用的空间
                }
            }

            function highlight(e) { //通过设置css来高亮显示e
                if (!e.className) e.className = "highcss";
                else
                    e.className += "highcss";
            }

<script type="text/javascript">
         //在document中的一个指定信息的区域树超调试信息
         //如果document上不存在这个元素，则创建一个
        function debug(msg) {
            //通过查看html元素的    id属性来查找文档的调试部分
            var log = document.getElementById("debuglog");
            //如果元素不存在，则创建一个
            if (!log) {
                log = document.createElement("div"); //创建一个新的div元素
                log.id = "debuglog"; //为在各方元素的id赋值
                log.innerHTML = "<h1>Debug Log</h1>"; //自定义初始内容
                document.body.appendChild(log); //将其添加到文档末尾
            }
            //将消息包含在<pre>中，并添加到log中
            var pre = document.createElement("pre"); //创建pre元素
            var text = document.createElement(msg); //将msg包含在一个文本节点上
            pre.appendChild(text); //文本添加到pre
            log.appendChild(pre); //pre添加到log
        }
        function hide(e, reflow) { //通过jvascript操纵元素和隐藏元素e
            if (reflow) { //如果第二个参数为true
                e.style.display = "none" //隐藏这个元素，其占用的空间也销售
            } else {
                e.style.visibility = "hidden"; //将e隐藏，保留其占用的空间
            }
        }
        function highlight(e) { //通过设置css来高亮显示e
            if (!e.className) e.className = "highcss";
            else
                e.className += "highcss";
        }
    </script>
    hello
    <button onclick="hide(this,true); debug('hide buttoon 1');">hide1</button>
    <button onclick="hide(this);debug('hide button 2');">hide2</butotn>

<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>

function debug(msg) {
                var log = $("#debuglog");
                if (log.length == 0) {
                    log = $("<div id='debuglog'><h1>debuglog</h1></div>");
                    log.appendTo(document.body);
                }
                document.write(log)
                log.append($("<pre/>").text(msg));
            };