自定义javascript调试输出函数

定义两个函数,pt输出表达式及其计算结果,put输出字符串:

  
  
  
  
  1. <span id="dbg">  
  2. <b>调试信息:</b>  
  3. </span>  
  4.  
  5. <script language="javascript">  
  6. function pt(myExp){  
  7.     document.getElementById("dbg").innerHTML+="<br>&nbsp;&nbsp;&nbsp;&nbsp;"+myExp+" &nbsp;&nbsp; <font color=#0000C6>"+eval(myExp).toString()+"</font>";  
  8. }  
  9. function put(myStr){      
  10.     document.getElementById("dbg").innerHTML+="<br>&nbsp;&nbsp;&nbsp;&nbsp;<font color=#0000C6>"+myStr+"</font>";  
  11. }  
  12. </script> 

使用案例:

  
  
  
  
  1. <script language="javascript">  
  2.     function isObject(myVar){  
  3.         if(myVar && typeof myVar==="object"){  
  4.             return true;          
  5.         }else{  
  6.             return false;  
  7.         }  
  8.     }  
  9.  
  10.     var a="b";  
  11.     switch(a){  
  12.         case "a": put("switch a");break;  
  13.         case "b": put("switch b");break;  
  14.         case "c": put("switch c");break;  
  15.         default: put("switch default");  
  16.     };  
  17.  
  18.     pt("typeof /a/");  
  19.     pt("typeof null");  
  20.     pt("isObject(/a/)");  
  21.     pt("isObject(null)");  
  22.     pt("0.1+0.2");  
  23.     pt("isNaN(NaN)");  
  24.     pt("typeof /a/");  
  25.     pt("1==true");  
  26.     pt("1===true");  
  27. </script>  

输出截图如下:

怎么样,是不是很方便?想获得全部源代码,请下载附件,建议重命名为*.html文件。

你可能感兴趣的:(JavaScript,调试)