Heim >Web-Frontend >js-Tutorial >Die Methode console.log() des js-Debugging-Tools zeigt die Ausführung von js code_javascript-Fähigkeiten an
Beim Debuggen des Codes habe ich normalerweise die Ausführung des js-Codes mithilfe von Alert im Codeblock verfolgt. Heute habe ich auch einen Freund gesehen, der die Funktion console.log verwendet, um die Ausgabefunktionen, Variablen, Objekte usw. zu drucken. Die Verwendung von console.log ist unten aufgeführt. Die spezifische Syntax lautet:
console.log("值为:",fn);
console.log() kann Variablen, Funktionen, Arrays, Objekte usw. ausgeben.
<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>