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

HTML DOM console.warn()メソッド


HTML DOMのconsole.warn()メソッドは、コンソールに警告メッセージを表示するために使用されます。一部のブラウザでは、これらの警告のコンソールログに小さな感嘆符があります。console.warn()メソッドはコードの実行を中断しません。開発者は、console.warn()メソッドを使用して、ユーザーの操作についてユーザーに警告を与えることができます。

構文

以下は、console.warn()メソッドの構文です-

console.warn(message)

ここで、メッセージは文字列型またはオブジェクト型の必須パラメータです。コンソールビューに警告として表示されます。

console.warn()メソッドの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>console.warn() Method</h1>
<p>Click the below button more than 4 times</p>
<button onclick="warning()" type="button">CLICK</button>
<script>
   var i=0;
   function warning(){
      i++;
      if(i>4)
      console.warn("You have clicked this button too many times");
   }
</script>
<p>Press F12 key to view the warning message in the console.</p>
</body>
</html>

出力

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

HTML DOM console.warn()メソッド

クリックボタンを4回以上クリックし、コンソールタブで出力を表示した場合。

HTML DOM console.warn()メソッド

上記の例では-

ユーザーがクリックするとwarning()メソッドを実行するボタンCLICKを作成しました。

<button onclick="warning()" type="button">CLICK</button>

warning()メソッドは変数iをインクリメントします。変数iが4より大きくなると、console.warn(msg)メソッドが実行され、msgパラメーターが警告として表示されます-

var i=0;
function warning(){
   i++;
   if(i>4)
   console.warn("You have clicked this button too many times");
}

  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