HTML DOM の fullscreenEnabled プロパティとは？使い方とサンプルコードを解説
HTML DOM の fullscreenEnabled は、現在のドキュメントでフルスクリーンモードが利用可能かどうかを判定するためのプロパティです。戻り値の型は真偽値（boolean）で、読み取り専用となっています。フルスクリーンモードが利用可能な場合は 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 || /* 標準構文 */
document.webkitFullscreenEnabled) /* Chrome、Safari、Opera 用 */
if(FullS==true)
document.getElementById("Sample").innerHTML="このドキュメントはフルスクリーンモードで表示できます。";
else
document.getElementById("Sample").innerHTML="このドキュメントはフルスクリーンモードで表示できません。";
}
</script>
</body>
</html>実行結果
上記のコードを実行すると、次のような画面が表示されます。
CHECK ボタンをクリックすると、以下のように判定結果が表示されます。
コードの解説
このサンプルでは、まずユーザーがクリックすると EnableFullScreen() 関数を実行する「CHECK」ボタンを作成しています。
<button onclick="EnableFullScreen();">CHECK</button>
EnableFullScreen() 関数内では、document.fullscreenEnabled の値を取得して変数 FullS に代入しています。取得できる値は true または false のいずれかです。その結果をもとに、id が「Sample」の段落要素に対して innerHTML プロパティを使って判定メッセージを表示しています。
function EnableFullScreen() {
var FullS=(document.fullscreenEnabled || /* 標準構文 */
document.webkitFullscreenEnabled) /* Chrome、Safari、Opera 用 */
if(FullS==true)
document.getElementById("Sample").innerHTML="このドキュメントはフルスクリーンモードで表示できます。";
else
document.getElementById("Sample").innerHTML="このドキュメントはフルスクリーンモードで表示できません。";
}注意： 上記のサンプルでは標準構文の fullscreenEnabled と、Chrome・Safari・Opera 向けの webkitFullscreenEnabled を指定しています。その他のブラウザに対応させる場合は、以下のプレフィックスを使用してください。
- Firefox： document.mozFullScreenEnabled
- IE / Edge： document.msFullscreenEnabled
-
HTML DOM writeln()メソッドの使い方を徹底解説！サンプルコード付き
HTML DOM の writeln() メソッドは、複数の式（HTML や JavaScript）をドキュメントに直接書き込むための機能を提供します。注意： このメソッドは、ドキュメント内に既存の HTML コードがある場合、それを上書きします。また、渡された引数はそれぞれ新しい行に追加される点が特徴です。構文writeln() メソッドの基本的な構文は以下の通りです。document.writeln(argument1, argument2, ...)カンマで区切ることで、複数の引数（文字列や HTML 要素など）を一度に渡すことができます。各引数は改行されて出力されます。writeln(
-
HTML DOM write()メソッドとは?構文と使い方を実例で解説
HTML DOM の write() メソッドは、HTML や JavaScript などの複数の式をドキュメントに直接書き出すための機能です。ページの読み込み時に動的にコンテンツを生成したり、別ウィンドウへメッセージを出力したりする場面で活用されます。注意: このメソッドには重要な特徴が2つあります。ひとつは、ドキュメント内にすでに HTML コードが存在する場合、それを上書きしてしまうという点。もうひとつは、引数を渡しても自動的には改行されず、そのまま連結されるという点です。用途によっては意図しない表示になることがあるため、挙動を理解した上で使うことが大切です。構文write() メソッド