<!DOCTYPE html>
<html>
<head>
<title>常用console命令</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/javascript">
console.log('hello');
console.info('信息');
console.error('错误');
console.warn('警告');
</script>
</body>
</html>Der am häufigsten verwendete Befehl ist console.log.
Verwandte Lernempfehlungen: Javascript-Video-Tutorial
Konsole Die obige Konzentration unterstützt printf. Das Platzhalterformat wird unterstützt Platzhalter sind: Zeichen (%s), Ganzzahlen (%d oder %i), Gleitkommazahlen (%f) und Objekte (%o)
<script type="text/javascript">
console.log("%d年%d月%d日",2011,3,26);
</script>Wirkung:
<!DOCTYPE html>
<html>
<head>
<title>常用console命令</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/javascript">
console.group("第一组信息");
console.log("第一组第一条:我的博客(http://www.webhek.com)");
console.log("第一组第二条:CSDN(http://blog.csdn.net/u011043843)");
console.groupEnd();
console.group("第二组信息");
console.log("第二组第一条:程序爱好者QQ群： 259280570");
console.log("第二组第二条:欢迎你加入");
console.groupEnd();
</script>
</body>
</html>Wirkung:
console.dir() kann alle Eigenschaften und Methoden eines Objekts anzeigen.
<script type="text/javascript">
var info = {
blog:"http://www.webhek.com",
QQGroup:259280570,
message:"程序爱好者欢迎你的加入"
};
console.dir(info);
</script>Effekt:
console.dirxml() wird verwendet, um einen bestimmten anzuzeigen Teil der Webseite Der im Knoten enthaltene HTML/XML-Code.
<!DOCTYPE html>
<html>
<head>
<title>常用console命令</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p id="info">
<h3>我的博客：www.webhek.com</h3>
<p>程序爱好者:259280570,欢迎你的加入</p>
</p>
<script type="text/javascript">
var info = document.getElementById('info');
console.dirxml(info);
</script>
</body>
</html>6. Bestimmen Sie, ob eine Variable wahr ist
console.assert() wird verwendet, um zu bestimmen, ob ein Ausdruck oder eine Variable wahr ist. Wenn das Ergebnis „nein“ ist, wird eine entsprechende Meldung an die Konsole ausgegeben und eine Ausnahme ausgelöst.
<script type="text/javascript">
var result = 1;
console.assert( result );
var year = 2014;
console.assert(year == 2018 );
</script>1 ist ein Wert ungleich Null, der wahr ist; während das zweite Urteil falsch ist, wird eine Fehlermeldung auf der Konsole angezeigt
console.trace() wird verwendet, um den Funktionsaufruf-Trace zu verfolgen.
<script type="text/javascript">
/*函数是如何被调用的，在其中加入console.trace()方法就可以了*/
function add(a,b){
console.trace();
return a+b;
}
var x = add3(1,1);
function add3(a,b){return add2(a,b);}
function add2(a,b){return add1(a,b);}
function add1(a,b){return add(a,b);}
</script>Informationen zur Konsolenausgabe:
console.time() und console.timeEnd(), verwenden Zeigt die Laufzeit des Codes an.
<script type="text/javascript">
console.time("控制台计时器一");
for(var i=0;i<1000;i++){
for(var j=0;j<1000;j++){}
}
console.timeEnd("控制台计时器一");
</script>Die Laufzeit beträgt 38,84 ms
Leistungsanalyse (Profiler) ist Analysieren Sie die Laufzeit jedes Teils des Programms, um herauszufinden, wo der Engpass liegt. Die verwendete Methode ist console.profile().
<script type="text/javascript">
function All(){
alert(11);
for(var i=0;i<10;i++){
funcA(1000);
}
funcB(10000);
}
function funcA(count){
for(var i=0;i<count;i++){}
}
function funcB(count){
for(var i=0;i<count;i++){}
}
console.profile('性能分析器');
All();
console.profileEnd();
</script>Die Ausgabe sieht wie folgt aus:
Das obige ist der detaillierte Inhalt vonNeun Methoden im Console-Objekt, die für Webprogrammierer unerlässlich sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
