使用firebug进行调试javascript的示例

复制代码 代码如下:

  <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>