自定义javascript调试输出函数

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

<span id="dbg">
<b>调试信息:</b>
</span>     

<script language="javascript">
function pt(myExp){
    document.getElementById("dbg").innerHTML+="<br>&nbsp;&nbsp;&nbsp;&nbsp;"+myExp+" &nbsp;&nbsp; <font color=#0000C6>"+eval(myExp).toString()+"</font>";
}
function put(myStr){
    document.getElementById("dbg").innerHTML+="<br>&nbsp;&nbsp;&nbsp;&nbsp;<font color=#0000C6>"+myStr+"</font>";
}
</script>

使用案例:

<script language="javascript">
    function isObject(myVar){
        if(myVar && typeof myVar==="object"){
            return true;
        }else{
            return false;
        }
    }     

    var a="b";
    switch(a){
        case "a": put("switch a");break;
        case "b": put("switch b");break;
        case "c": put("switch c");break;
        default: put("switch default");
    };     

    pt("typeof /a/");
    pt("typeof null");
    pt("isObject(/a/)");
    pt("isObject(null)");
    pt("0.1+0.2");
    pt("isNaN(NaN)");
    pt("typeof /a/");
    pt("1==true");
    pt("1===true");
</script>

输出截图如下:

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

本文出自 “iData” 博客,请务必保留此出处http://idata.blog.51cto.com/4581576/1100061

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索switch
, typeof
, put
, 输出
, nbsp
pt
javascript 调试输出、javascript自定义函数、mysql 自定义函数调试、mysql 函数 调试输出、javascript 调试,以便于您获取更多的相关知识。

时间: 2024-08-22 09:24:14

自定义javascript调试输出函数的相关文章

可精确到1毫秒的用以在记录文件中写入自定义的调试信息(主要是时间)的组件

上次我发布了一个用以在记录文件中写入自定义的调试信息(主要是时间)的组件,但由于CLR的限制,它只能精确到10毫秒左右.后来我参考了网络上的一篇文章:http://blog.joycode.com/lostinet/archive/2005/04/24/49590.aspx(在这里首先向原作者表示感谢)通过调用系统API得到了可精确到1毫秒左右的时间记录.故特重新用C#重写了这个组件,与大家共享. //===============================================

用以在记录文件中写入自定义的调试信息(主要是时间)的组件

'===================================================================='TraceSpy - 用以在记录文件中写入自定义的调试信息(开发者:林健)'====================================================================''属性:'       TraceFileName        - 记录文件名''方法:'   ★文本写入方面'       WriteText

9个让JavaScript调试更简单的Console命令_javascript技巧

一.显示信息的命令 <!DOCTYPE html> <html> <head> <title>常用console命令</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script type="text/javascri

javascript调试之DOM断点调试法使用技巧分享_javascript技巧

有的同学会说,可以使用源代码搜索的办法.的确,对于一个相对简单的页面,这个方法时常奏效.但是,对于构成相对复杂的页面(比如页面嵌入很多脚本文件和片段.使用了大段面向对象的实现.隐藏了实现的代码),可能找起来就不那么顺利了. 在Javascript调试中,我们经常会使用到断点调试.其实,在DOM结构的调试中,我们也可以使用断点方法,这就是DOM Breakpoint(DOM断点). 具体的使用方法: 1. 在Chrome浏览器中,打开开发者工具,先选中一个页面元素,然后点击鼠标右键,依次点击菜单中

浅析JavaScript 调试方法和技巧_javascript技巧

javascript简称JS,是网页的前端开发语言,直接运行在浏览器上,以前我刚开始学的时候,并不懂这个,所以我每次开发或调试它,都是在vs.net里面,现在想想,实在是太痛苦了,其实JS是执行在浏览器的,而不是执行在服务器的,所以根本没必要在网页开发软件里搞,直接在浏览器中即可调试 浏览器开发者工具 我个人最喜欢Chrome开发者工具. 虽然Safari和Firefox无法达到Chrome那么高的标准,但它们也在逐渐改善.在Firefox中,可以将Firebug和Firefox开发者工具组合使

JavaScript 调试器简介_javascript技巧

但是仅从调试的角度来说,这些调试器的功能是完全够用的.其实我更需要的不是一个 JavaScript IDE,而是一个 JavaScript 重构工具,这样可以使我快速地对 JavaScript 组件进行重构,比使用 UltraEdit 进行查找/替换的原始方法效率会提高很多,而且更加安全.其实任何一种没有重构工具的语言的开发效率都是没有办法和 Java 这样的语言(有 Eclipse.IDEA 等等强大的重构工具)相提并论的.共产主义尚未实现,这确实是现实,但是并不意味着我们就一定要等待,就没有

简易 Javascript 调试包 Debug包_javascript技巧

来看一个简易的 Javascript 调试包:jscript.debug.js,包含两个函数,第一个用来遍历对象的各个属性:第二个是一个通用的 Debug 函数(其实 说'对象'比较'精确些',呵呵),用来规定各种错误级别及其各种提示.错误信息的格式化显示,还是<Javascript 实战>上面的经典例子,先看源码: 复制代码 代码如下: /** * jscript.debug package * This package contains utility functions for help

javascript 调试: javascript调试技巧之:快速定位

赶紧总结一下javascript的调试技巧,这次首先是"快速定位"篇.快速定位,其实就是快速定位程序的错误,所以也算是调试.这个在实际的码代码时往往比较实用.大多数情况下,你的js代码不多(少于1000行),只要能迅速发现代码的错误,往往不用复杂的调试.关于常用的快速定位方法,我总结了一下几点,欢迎大家补充.1. 使用alertalert其实比较实用.本地调试中,在合适的位置写alert,打出来一些变量,虽然比较土,但是往往事半功倍!另外有一个alert技巧,想看看一个对象中的属性和它

14个你可能不知道的JavaScript调试技巧

以更快的速度和更高的效率来调试JavaScript.熟悉工具可以让工具在工作中发挥出更大的作用.尽管江湖传言 JavaScript 很难调试,但如果你掌握了几个技巧,就能用很少的时间来解决错误和bug.文中已经列出了14个你可能不知道的调试技巧,但是可能需要你牢记在心,以便在下次需要调试JavaScript代码时使用!  1. debugger  除了console.log, debugger是我们最喜欢.快速且肮脏的调试工具.执行代码后,Chrome会在执行时自动停止.你甚至可以把它封装成条件