博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自定义javascript调试输出函数
阅读量:5874 次
发布时间:2019-06-19

本文共 930 字,大约阅读时间需要 3 分钟。

定义两个函数,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文件。

转载地址:http://kyzix.baihongyu.com/

你可能感兴趣的文章
python机器学习实战(四)
查看>>
智能合约的一种设计结构
查看>>
npm install --save 和 --save-dev的区别
查看>>
使用nvm管理node与npm版本
查看>>
死磕 java同步系列之自己动手写一个锁Lock
查看>>
让函式库更容易移植 JetBrains推出Kotlin 1.3
查看>>
Duality对偶性
查看>>
原生es5封装的Promise对象
查看>>
Javascript设计模式之模板方法模式
查看>>
MQTT 介绍
查看>>
Hadoop实战(8)_CDH添加Hive服务及Hive基础
查看>>
ES6中的class
查看>>
Flutter版的Wanandroid项目(V1.2)
查看>>
manjaro or Arch Linux config
查看>>
时代成就的Python!最全就业方向以及技能详解!(内附资料)
查看>>
Laravel——邮件发送
查看>>
Bitcoin Unlimited发布BCH新版本,石墨烯技术迎来进展
查看>>
小猿圈web前端解析CSS怎么从图片中抠出一部分(雪碧图)
查看>>
数据结构与算法03
查看>>
java版spring cloud+spring boot+redis多租户社交电子商务平台
查看>>