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

HTML DOM fullscreenEnabled（）メソッド

HTML DOM fullscreenEnabled（）メソッドは、現在のドキュメントでフルスクリーンモードを使用できるかどうかを指定するために使用されます。その戻り型はブール値であり、読み取り専用のプロパティです。フルスクリーンモードが使用可能な場合はTrueが返され、それ以外の場合はfalseが返されます。ブラウザで機能させるために、さまざまなプレフィックスが使用されています。

構文

以下はfullscreenEnabled（）メソッドの構文です-

document.fullscreenEnabled()

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

注 − fullscreenEnabled（）メソッドを機能させるには、ブラウザのプレフィックスを使用する必要があります。最後にメモを確認して、ブラウザ固有のプレフィックスを付けてください。

例

例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>fullscreenEnabled() method</h1>
<p>Click the below button to know if this document can be viewed in full screen mode or not</p>
<button onclick="EnableFullScreen();">CHECK</button>
<p id="Sample"></p>
<script>
   function EnableFullScreen() {
      var FullS=(document.fullscreenEnabled || /* Standard syntax */
      document.webkitFullscreenEnabled) /* Chrome, Safari and Opera */
      if(FullS==true)
         document.getElementById("Sample").innerHTML="This document can be viewed in fullscreen mode.";
      else
         document.getElementById("Sample").innerHTML="This document cannot be viewed in fullscreen mode.";
   }
</script>
</body>
</html>

出力

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

HTML DOM fullscreenEnabled（）メソッド

チェックボタンをクリックすると-

HTML DOM fullscreenEnabled（）メソッド

上記の例では-

最初に、ユーザーがクリックしたときにEnableFullScreen（）メソッドを実行するボタンCHECKを作成しました。

<button onclick="EnableFullScreen();">CHECK</button>

EnableFullScreen（）関数は、document.FullScreenEnabledプロパティ値を取得し、変数FullSに割り当てます。戻り値はtrueまたはfalseのいずれかです。次に、innerHTMLプロパティを使用して、IDが「Sample」の段落に表示されます。

function EnableFullScreen() {
   var FullS=(document.fullscreenEnabled || /* Standard syntax */
   document.webkitFullscreenEnabled) /* Chrome, Safari and Opera */
   if(FullS==true)
      document.getElementById("Sample").innerHTML="This document can be viewed in fullscreen mode.";
   else
      document.getElementById("Sample").innerHTML="This document cannot be viewed in fullscreen mode.";
}

注 − fullscreenEnabled（）標準構文を指定し、Chrome、Safari、およびOperaブラウザー用に指定しました。他のブラウザを使用する場合は、以下のプレフィックスを使用してください。

  • Firefox：document.mozFullScreenEnabled
  • IE / Edge：document.msFullscreenEnabled

  1. HTML DOM writeln（）メソッド

    HTML DOM writeln（）は、複数の式（HTMLまたはJavaScript）をドキュメントに直接書き込む機能をユーザーに提供します。 注 −このメソッドは、ドキュメント内のHTMLコードがある場合はそれを上書きし、新しい行に引数を追加します。 構文 以下は構文です- document.write(agruments) 例 HTML DOMドキュメントのwriteln（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM writeln()</title&g

  2. HTML DOM write（）メソッド

    HTML DOM write（）は、複数の式（HTMLまたはJavaScript）をドキュメントに直接書き込む機能をユーザーに提供します。 注 −このメソッドは、ドキュメント内のHTMLコードがある場合はそれを上書きし、新しい行に引数を追加しません。 構文 以下は構文です- document.write(arguments) 例 HTML DOMドキュメントのwrite（）メソッドの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>HTML DOM write()</title> &l