首頁 > web前端 > js教程 > js調試工具console.log()方法查看js程式碼的執行情況_javascript技巧

js調試工具console.log()方法查看js程式碼的執行情況_javascript技巧

WBOY
發布: 2016-05-16 16:40:00
原創
1315 人瀏覽過

我之前在調試程式碼的時候,跟砸js程式碼執行情況,一般都是透過在程式碼區塊中使用alert的方式查看js程式碼的執行情況,今天也是看到有朋友使用console.log函數列印輸出函數,變數,物件,下邊就console.log的使用情況進行記錄,具體的語法是:

console.log("值为:",fn);
登入後複製

console.log()能夠輸出變數,函數,陣列,物件等等

<html> 
<head> 
<title>this关键字_函数调用</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> 
<body> 

<input type="text" id="test1" name="firstname" value="" /> 
<input type="text" id='lastname' name='lastname' value=''> 

</body> 

<script type="text/javascript"> 
var testobj = 
{ 
'id': 1, 
'content': 'test', 
'firstname': function() { 
var EleFirst= document.getElementById('test1'); 
//document.getElementById('firstname').value = "zhang"; 
//document.getElementById("test1").value = this.content; 
//document.getElementById("test1").setAttribute("value","zhang"); 
//this.content = val; 
EleFirst.setAttribute("value",this.content); 
console.log("对象的值为:",test1);//对象的值为:<input type="text" id="test1" name="firstname" value="" /> 
}, 
'lastname': function() { 
document.getElementById('lastname').value = "ying"; 
} 
}; 
console.log(testobj);/** 打印对像**/ 

testobj.firstname(); 
testobj.lastname(); 
</script> 
</html>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板