AJax技术

JavaScript打印调试信息的方法(Jquery)

字号+ 作者:H5之家 来源:H5之家 2015-10-09 14:17 我要评论( )

每次用alert输出信息,信息量小,调试不方便,有这样一个方法,能更好的写js代码,因为用Jquery较多

每次用alert输出信息,信息量小,调试不方便,有这样一个方法,能更好的写js代码,因为用Jquery较多,所以只写了Jquery的调试方法,还可以依据自己的喜好,在调试信息前加时间

/**

* 打印java script调试信息,定位使用绝对定位,每次打印的信息空一行

*/

function plInfo(obj){
 if($("#show").length==0)
  $("body").append("<div id=\"show\" style=\"position:fixed;left0px;top:0px;width:500px;line-height:14px;font-size:12px;color:#456;z-index:200;\">debug info <br /></div>");
 $("#show").append(obj+"<br /><br />");
}

/**

* 打印java script调试信息,定位使用绝对定位,每次打印的信息不空行,以 -- 连接

*/

function plInfoNoBR(obj){
 if($("#show").length==0)
  $("body").append("<div id=\"show\" style=\"position:fixed;left0px;top:0px;width:500px;line-height:14px;font-size:12px;color:#456;z-index:200;\">debug info <br /></div>");
 $("#show").append(obj + "--");
}



 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript学习总结之JS、AJAX应用

    JavaScript学习总结之JS、AJAX应用

    2016-02-06 15:02

  • 学习JavaScript设计模式之代理模式

    学习JavaScript设计模式之代理模式

    2016-01-25 17:02

  • javascript、jquery、AJAX总结

    javascript、jquery、AJAX总结

    2016-01-25 17:00

  • 今天开始应该使用 5 个JavaScript调试技巧

    今天开始应该使用 5 个JavaScript调试技巧

    2016-01-23 17:00

网友点评