使用firebug进行调试javascript的示例

 更新时间:2013年12月16日 17:27:56   作者:  
调试javascript的方法有很多,在本文为大家介绍下使用firebug是如何做到的,感兴趣的朋友可以参考下
复制代码 代码如下:

<script type="text/javascript">
//用于在friefox中调试 用console.log("hello");
/** function test(name) {
console.log(name);
}
test("hello world");**/

//调试的技巧
function showLog(message) {
console.log(message);
console.info(message);
console.warn(message);
console.error(message);
console.debug(message);
}
function test(name) {
showLog(name);
}
test("hello");

</script>

调试示例
复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">

function method() {
var result = 0;
for(var i = 0; i < 10; i++) {
result +=i;
}
document.getElementById("id1").innerHTML = result;
}


</script>
</head>
<body>
<input type="button" value="click" onclick="method()"/>
<div id="id1"></div>
</body>
</html>

相关文章

  • Javascript实现动态菜单添加的实例代码

    Javascript实现动态菜单添加的实例代码

    在注册信息的时候,常常需要通过下拉菜单让用户选择,而且希望用户在第一个下拉框做的选择,影响第二个下拉框的内容。有时候,如果第一个下拉框不作出选择,第二个下拉框根本不会页面上显示,为了给用户呈现一个更清晰的页面。
    2013-07-07
  • 解决layui弹出层layer的area过大被遮挡的问题

    解决layui弹出层layer的area过大被遮挡的问题

    今天小编就为大家分享一篇解决layui弹出层layer的area过大被遮挡的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Bootstrap 网格系统布局详解

    Bootstrap 网格系统布局详解

    在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。这篇文章主要介绍了Bootstrap 网格系统布局,需要的朋友可以参考下
    2017-03-03
  • js中undefined该怎么判断浅析

    js中undefined该怎么判断浅析

    可能很多朋友认为undefined是在js中未定义变量时才会提示的错误,其实不然undefined 是js中的一特殊的变量,我们也可以提前定义哦,下面这篇文章主要给大家介绍了关于js中undefined该怎么判断的相关资料,需要的朋友可以参考下
    2023-04-04
  • 对于Form表单reset方法的新认识

    对于Form表单reset方法的新认识

    HTML中Form表单的reset方法被用来清空用户所输入的内容,以前一直误以为其是单纯的将input等输入项中的值清空
    2014-03-03
  • DIV层之拖动、关闭、打开效果代码

    DIV层之拖动、关闭、打开效果代码

    非常不错的效果,适合在当前页打开测试窗口,图片等
    2008-09-09
  • TypeScript接口使用介绍

    TypeScript接口使用介绍

    接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法
    2022-10-10
  • JS写滑稽笑脸运动效果

    JS写滑稽笑脸运动效果

    这篇文章主要介绍了JS写滑稽笑脸运动效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • js获取 type=radio 值的方法

    js获取 type=radio 值的方法

    这篇文章主要介绍了js如何获取type=radio值,需要的朋友可以参考下
    2014-05-05
  • 详解ES6 系列之异步处理实战

    详解ES6 系列之异步处理实战

    这篇文章主要介绍了详解ES6 系列之异步处理实战,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10

最新评论