使用firebug進行調(diào)試javascript的示例

更新時間：2013年12月16日 17:27:56 作者：

調(diào)試javascript的方法有很多，在本文為大家介紹下使用firebug是如何做到的，感興趣的朋友可以參考下

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

//調(diào)試的技巧 
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> 

調(diào)試示例

復制代碼代碼如下:

 
<!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實現(xiàn)動態(tài)菜單添加的實例代碼
在注冊信息的時候，常常需要通過下拉菜單讓用戶選擇，而且希望用戶在第一個下拉框做的選擇，影響第二個下拉框的內(nèi)容。有時候，如果第一個下拉框不作出選擇，第二個下拉框根本不會頁面上顯示，為了給用戶呈現(xiàn)一個更清晰的頁面。
2013-07-07
解決layui彈出層layer的area過大被遮擋的問題
今天小編就為大家分享一篇解決layui彈出層layer的area過大被遮擋的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
Bootstrap 網(wǎng)格系統(tǒng)布局詳解
在平面設計中，網(wǎng)格是一種由一系列用于組織內(nèi)容的相交的直線（垂直的、水平的）組成的結構（通常是二維的）。這篇文章主要介紹了Bootstrap 網(wǎng)格系統(tǒng)布局,需要的朋友可以參考下
2017-03-03
js中undefined該怎么判斷淺析
可能很多朋友認為undefined是在js中未定義變量時才會提示的錯誤,其實不然undefined 是js中的一特殊的變量,我們也可以提前定義哦,下面這篇文章主要給大家介紹了關于js中undefined該怎么判斷的相關資料,需要的朋友可以參考下
2023-04-04
對于Form表單reset方法的新認識
HTML中Form表單的reset方法被用來清空用戶所輸入的內(nèi)容，以前一直誤以為其是單純的將input等輸入項中的值清空
2014-03-03
DIV層之拖動、關閉、打開效果代碼
非常不錯的效果，適合在當前頁打開測試窗口，圖片等
2008-09-09
TypeScript接口使用介紹
接口是一系列抽象方法的聲明，是一些方法特征的集合，這些方法都應該是抽象的，需要由具體的類去實現(xiàn)，然后第三方就可以通過這組抽象方法調(diào)用，讓具體的類執(zhí)行具體的方法
2022-10-10
JS寫滑稽笑臉運動效果
這篇文章主要介紹了JS寫滑稽笑臉運動效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-05-05
js獲取 type=radio 值的方法
這篇文章主要介紹了js如何獲取type=radio值,需要的朋友可以參考下
2014-05-05
詳解ES6 系列之異步處理實戰(zhàn)
這篇文章主要介紹了詳解ES6 系列之異步處理實戰(zhàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-10-10