软件开发培训班 >> 编程开发 >> JavaScript

简易 Javascript 调试包 Debug包

var props = ""; 
var i; 
for (i in inObj) { 
props += i + " = " + inObj[i] + "\n"; 
} 
alert(props);

} // End enumProps(). 
jscript.debug.DivLogger = function() { 
this.LEVEL_TRACE = 1; 
this.LEVEL_DEBUG = 2; 
this.LEVEL_INFO = 3; 
this.LEVEL_WARN = 4; 
this.LEVEL_ERROR = 5; 
this.LEVEL_FATAL = 6; 
this.LEVEL_TRACE_COLOR = "a0a000"; 
this.LEVEL_DEBUG_COLOR = "64c864"; 
this.LEVEL_INFO_COLOR = "000000"; 
this.LEVEL_WARN_COLOR = "0000ff"; 
this.LEVEL_ERROR_COLOR = "ff8c00"; 
this.LEVEL_FATAL_COLOR = "ff0000"; 
this.logLevel = 3; 
this.targetDiv = null; 
this.setLevel = function(inLevel) {

this.logLevel = inLevel;

} // End setLevel(). 
this.setTargetDiv = function(inTargetDiv) {

this.targetDiv = inTargetDiv; 
this.targetDiv.innerHTML = "";

} // End setTargetDiv(). 
this.shouldBeLogged = function(inLevel) {

if (inLevel >= this.logLevel) { 
return true; 
} else { 
return false; 
}

} // End shouldBeLogged(). 
this.trace = function(inMessage) {

if (this.shouldBeLogged(this.LEVEL_TRACE) && this.targetDiv) { 
this.targetDiv.innerHTML += 
"<div style=color:#" + this.LEVEL_TRACE_COLOR + ";>" + 
"[TRACE] " + inMessage + "</div>"; 
}

} // End trace(). 
this.debug = function(inMessage) {

if (this.shouldBeLogged(this.LEVEL_DEBUG) && this.targetDiv) { 
this.targetDiv.innerHTML += 
"<div style=color:#" + this.LEVEL_DEBUG_COLOR + ";>" + 
"[DEBUG] " + inMessage + "</div>"; 
}

} // End debug().

this.info = function(inMessage) {

if (this.shouldBeLogged(this.LEVEL_INFO) && this.targetDiv) { 
this.targetDiv.innerHTML += 
"<div style=color:#" + this.LEVEL_INFO_COLOR + ";>" + 
"[INFO] " + inMessage + "</div>"; 
}

} // End info(). 
this.warn = function(inMessage) {

if (this.shouldBeLogged(this.LEVEL_WARN) && this.targetDiv) { 
this.targetDiv.innerHTML += 
"<div style=color:#" + this.LEVEL_WARN_COLOR + ";>" + 
"[WARN] " + inMessage + "</div>"; 
}

} // End warn(). 
this.error = function(inMessage) {

if (this.shouldBeLogged(this.LEVEL_ERROR) && this.targetDiv) { 
this.targetDiv.innerHTML += 
"<div style=color:#" + this.LEVEL_ERROR_COLOR + ";>" + 
"[ERROR] " + inMessage + "</div>"; 
}

} // End error(). 
this.fatal = function(inMessage) {

if (this.shouldBeLogged(this.LEVEL_FATAL) && this.targetDiv) { 
this.targetDiv.innerHTML += 
"<div style=color:#" + this.LEVEL_FATAL_COLOR + ";>" + 
"[FATAL] " + inMessage + "</div>"; 
}

} // End fatal().

} // End DivLogger(). 
// ]]></script> 
<div id="jscript_debug_div" style="font-family: arial; font-size: 10pt; font-weight: bold; background-color: #ffffe0; padding: 4px;"> 
 
enumProps()-Shows all the properties of this link(显示此链接标签对象的所有属性和值)

<div id="divLog" style="font-family: arial; font-size: 12pt; padding: 4px; background-color: #ffffff; border: 1px solid #000000; width: 50%; height: 300px; overflow: scroll;">Log message will appear here</div> 
<script type="text/javascript">// <![CDATA[ 
var log = new jscript.debug.DivLogger(); 
log.setTargetDiv(document.getElementById("divLog")); 
log.setLevel(log.LEVEL_DEBUG); 
// ]]></script>

DivLogger.log.trace() - Try to add a TRACE message to the above DIV 
(wont work because its below the specified DEBUG level);

DivLogger.log.debug() - Try to add a DEBUG message to the above DIV

DivLogger.log.info() - Add a INFO message to the above DIV

DivLogger.log.warn() - Add a WARN message to the above DIV

DivLogger.log.error() - Add a ERROR message to the above DIV

DivLogger.log.fatal() - Add a FATAL message to the above DIV

</div>

技术文章快速查找

JS上传图片前的限制包括(jpg jpg gif及大小高宽)等

工作中常用到的JS表单验证代码(包括例子)

由JavaScript技术实现的web小游戏（不含网游）

dojo学习第二天 ajax异步请求之绑定列表

用jquery和json从后台获得数据集的代码

漂亮的仿flash菜单，来自蓝色经典

jQuery窗口、文档、网页各种高度的精确理解

在页面预览客户端本地图片的js代码(兼容FF IE)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建