通常我们在做简单的js调试输出的时候习惯用 alert 函数,这个函数也能解决大多数问题,但遇到如循环输出,滚动条状态监控,鼠标位置等场景的时候,alert就相当的不方便了,下面这个函数可以解决这个问题:
<script type="text/javascript"> function __js_debug_msg() { var mydiv = document.createElement('div'); mydiv.id = "js_debug_msg"; mydiv.setAttribute('style','position:fixed;width:300px;height:40px;padding:5px;background:#333;line-height:20px;color:#FFF;margin-top:0px;top:0px;right:0px;'); mydiv.innerHTML="print js debug message."; document.body.appendChild(mydiv); } __js_debug_msg(); </script>
将上面这段代码放到需要输出调试信息的页面底部,然后在需要输出调试信息的时候用innerHTML代码alert,如:
document.getElementById('js_debug_msg').innerHTML = '需要输出的信息';
用jqeury的话:
$('#js_debug_msg').html('需要输出的信息');
同样也可以输出错误信息
<script type="text/javascript"> // 需要放到页面的头部 ,例如head区域 window.onerror = function(err_msg, filename, line_num) { document.getElementById('js_debug_msg').innerHTML = 'error message:'+err_msg+'|line:'+line_num+'|file:'+filename; return false; } </script>
本文于2012/08/23重新编辑。