HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML DOM console.trace（）メソッド

HTML DOMのconsole.trace（）メソッドは、console.trace（）メソッドが呼び出された時点までのスタックトレースを表示するために使用されます。これは基本的に、コードパス、つまりその時点でコードがどのように終了したかを表示するために使用されます。

構文

以下は、console.trace（）メソッドの構文です。

console.trace(label);

ここで、labelは、コードトレースのラベルを指定するstring型のオプションのパラメータです。これは、コードの異なる部分に複数のトレースがある場合に役立ちます。

例

console.trace（）メソッドの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1> console.trace() Method</h1>
<p>Click the below button…</p>
<button onclick="Function1()">Start Trace</button>
<script>
   function Function1(){
      Function2();
   }
   function Function2(){
      console.trace();
   }
</script>
<p>View the stack trace in the console after clicking the above button& </p>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTML DOM console.trace（）メソッド

[トレースの開始]ボタンをクリックして、コンソールタブで出力を表示します。

HTML DOM console.trace（）メソッド

上記の例では-

最初に、ユーザーがクリックするとFunction1（）を実行する「トレースの開始」ボタンを作成しました。

<button onclick="Function1()">Start Trace</button>

Function1（）はFunction2（）を実行し、Function2（）はその中にあるconsole.stacktrace（）メソッドを実行します。これはスタックトレースであるため、後入れ先出しの順序に従います。 console.traceメソッドはFunction2（）によって呼び出されたため、最初にポップされます。

Function1（）はFunction2（）を実行したため、2番目にポップされます。最後に、Function1（）がクリックされると「トレースの開始」ボタンによって実行されたため、最後にポップされます。それは彼らが呼ばれているのとは逆の順序になることを意味します-

<button onclick="Function1()">Start Trace</button>
function Function1(){
   Function2();
}
function Function2(){
   console.trace();
}

  1. HTML DOM console.groupCollapsed（）メソッド

    HTML DOM console.groupCollapsed（）メソッドは、折りたたまれたメッセージグループの開始を指定します。 構文 以下は構文です- console.groupCollapsed(label) ここで、labelはグループのラベルです。 例 console.groupCollapsed（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>console.groupCollapsed() Method</h1> <p>Press F12 key t

  2. HTML DOM createEvent（）メソッド

    HTML DOM createEvent（）メソッドは、パラメーターでタイプが指定されるイベントオブジェクトを作成するために使用されます。作成されたイベントは、使用する前に初期化する必要があります。イベントをHTML要素にディスパッチするには、その指定されたノードでdispatchEvent（）メソッドを使用する必要があります。 構文 以下は、HTML DOM createEvent（）メソッドの構文です- document.createEvent( eventType ) ここで、typestringtypeのeventTypeは必須パラメーターです。イベントのタイプは、Animatio