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

