Outil de débogage js, méthode console.log() pour afficher l'exécution des compétences js code

Outil de débogage js, méthode console.log() pour afficher l'exécution des compétences js code_javascript

WBOY

Libérer： 2016-05-16 16:40:00

original

1245 Les gens l'ont consulté

Lorsque je débogais le code, je suivais généralement l'exécution du code js en utilisant alert dans le bloc de code. Aujourd'hui, j'ai également vu un ami utiliser la fonction console.log pour imprimer la sortie Fonctions, variables, objets,. l'utilisation de console.log est enregistrée ci-dessous. La syntaxe spécifique est :

console.log("值为:",fn);

Copier après la connexion

console.log() peut générer des variables, des fonctions, des tableaux, des objets, etc.

<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>

Copier après la connexion