javascript日志工具-log4js 介绍

来源：互联网发布：手机网络ssid怎么设置编辑：程序博客网时间：2024/06/01 08:19

log4js.js这js在网络找

IE下用alt+D看日志，FF下用 shift+alt+D看，其他用法，看log4js.js里面的内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>Log4js tests</title>
        <script src="js/log4js.js" type="text/javascript"></script>
        <script type="text/javascript">
            //IE下

            var Logger = new Log4js.getLogger("log");//声明log
            Logger.setLevel(Log4js.Level.ALL);//总共有ALL,DEBUG,info,WARN,ERROR,FATAL,OFF,TRACE8个level
            Logger.addAppender(new Log4js.ConsoleAppender(true));

            //Firefox下
            /*var mozLog = new Log4js.getLogger("mozillaTest");
            mozLog.setLevel(Log4js.Level.ALL);
            var appender = new Log4js.MozJSConsoleAppender(mozLog);
            mozLog.addAppender(appender);*/

            function clearResult(){
                document.getElementById("result").value = "";
            }
            function calc(){
                clearResult();
                var first = document.getElementById("first").value;
                var second = document.getElementById("second").value;
                if(first=="" || second=="" || first==null || second==null){
                    Logger.info("请输入加数和被加数");
                    return ;
                }
                Logger.info("加数是："+first+"　　　"+"被加数是："+second);

                var firstNumber = parseInt(first);
                var secondNumber = parseInt(second);

                if(isNaN(firstNumber)){
                    Logger.info("输入的加数"+first+"不是数字");
                    clearResult();
                    return ;
                }
                if(isNaN(secondNumber)){
                    Logger.info("输入的被加数"+second+"不是数字");
                    return ;
                }
                var sum = firstNumber + secondNumber ;
                document.getElementById("result").value = sum ;
                Logger.info("最后得到的结果是:"+sum);
            }

        </script>
    <head>
    <body>
        <p align="center">
            加数:<input type="text" id="first" />+被加数:<input type="text" id="second" />
            <input type="text" id="result" readonly /><input type="button" onclick="calc()" value="计算" />
        </p>
    </body>
</html>