js調試工具console.log()方法查看js代碼的執(zhí)行情況
更新時間:2014年08月08日 10:14:17 投稿:whsnow
以往都是使用alert的方式查看js代碼的執(zhí)行情況,今天看到有朋友使用console.log函數打印輸出函數,變量,對象,下邊就console.log的使用情況進行記錄
我之前在調試代碼的時候,跟砸js代碼執(zhí)行情況,一般都是通過在代碼塊中使用alert的方式查看js代碼的執(zhí)行情況,今天也是看到有朋友使用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>
相關文章
通過循環(huán)優(yōu)化 JavaScript 程序
這篇文章主要介紹了通過循環(huán)優(yōu)化 JavaScript 程序,對于提高 JavaScript 程序的性能這個問題,最簡單同時也是很容易被忽視的方法就是學習如何正確編寫高性能循環(huán)語句。下面我們來學習一下吧2019-06-06
javascript sort()對數組中的元素進行排序詳解
在本篇文章里小編給大家整理是一篇關于javascript sort()對數組中的元素進行排序的相關知識點內容,需要的朋友們學習下。2019-10-10
深入理解JavaScript系列(15) 函數(Functions)
本章節(jié)我們要著重介紹的是一個非常常見的ECMAScript對象——函數(function),我們將詳細講解一下各種類型的函數是如何影響上下文的變量對象以及每個函數的作用域鏈都包含什么,以及回答諸如像下面這樣的問題:下面聲明的函數有什么區(qū)別么2012-04-04

