js code_javascript スキルの実行を表示するための js デバッグツール console.log() メソッド-jsチュートリアル-php.cn

js code_javascript スキルの実行を表示するための js デバッグツール console.log() メソッド

WBOY

リリース： 2016-05-16 16:40:00

オリジナル

1245 人が閲覧しました

以前コードをデバッグしていたとき、私は通常、コードブロックのアラートを使用して 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>

ログイン後にコピー