logger about yui

最新推荐文章于 2020-08-08 00:01:57 发布

zh286091487

最新推荐文章于 2020-08-08 00:01:57 发布

阅读量264

点赞数

YAHOO User Interface(yui) 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

 
 <!-- yahoo 上面教程的例子，关于如何打印log的  -->
<html>
    <head>
        <title>logger</title>
        <style>
        .yui-log .mycategory {background-color:#7B0099;} 
        </style>
        <link type="text/css" rel="stylesheet" href="./../build/logger/assets/skins/sam/logger.css">
        <script type="text/javascript" src="./../build/yahoo-dom-event/yahoo-dom-event.js"></script>
        <script type="text/javascript" src="./../build/dragdrop/dragdrop-min.js"></script>
        <script type="text/javascript" src="./../build/logger/logger-min.js"></script>
    </head>
    <body class="yui-skin-sam">
    
        <script type="text/javascript">
            var myLogReader = new YAHOO.widget.LogReader();
            YAHOO.log("this is my first log test.");
            YAHOO.log("this is an error log.","error");
            YAHOO.log("this is my log.","mycategory");
            YAHOO.log("this log will be filtered.","error","logOne");
            YAHOO.log("this log will be filtered too.","error","logTwo");
            
            var hide = function(e){
                myLogReader.hide();
            }
            var show = function(e){
                myLogReader.show();
            }
            
            
            YAHOO.util.Event.on("hide","click",hide);
            YAHOO.util.Event.on("show","click",show);
        </script>
        
        <input type="button" id="hide" value="hide" />
        <input type="button" id="show" value="show" />
    
    </body>
</html>
 