简单的调试代码_简单代码调试样本-优快云博客

本文链接：https://blog.youkuaiyun.com/nohard/article/details/553332

博客展示了Log.js的源代码，包含Log对象的多个方法，如write、clear、show等，还定义了创建日志显示div的方法。同时说明了使用步骤，先保存代码为Log.js，在<head>中插入脚本，调用处直接用log(s)，调试完可设置Log.showLog=false。

Log.js源代码：

function Log() {};

Log.lines = [];

Log.showLog=true;

Log.write = function(s) {
if (this.showLog) {
this.lines.push(s);
this.show();
}
};

Log.clear = function() {
if (this.showLog) {
    var l = this.div();
    l.innerHTML = '';
    this.lines = [];
}
}

Log.show = function() {
var l = this.div();
l.innerHTML += this.lines.join('<br/>') + '<br/>';
this.lines = [];
l.scrollTop = l.scrollHeight;
}

Log.div = function() {
var l = document.getElementById('log');
if (!l) {
    l = document.createElement('div');
    l.id = 'log';
    l.style.position = 'absolute';
    l.style.right = '5px';
    l.style.top = '5px';
    l.style.width = '250px';
    l.style.height = '150px';
    l.style.overflow = 'auto';
    l.style.backgroundColor = '#f0f0f0';
    l.style.border = '1px solid gray';
    l.style.fontSize = '12px';
    l.style.padding = '5px';
    document.body.appendChild(l);
}
return l;
}