JavaScript 出力

JavaScriptは内蔵の印刷や表示関数を提供しません。

JavaScript表示プラン

JavaScriptはデータを「表示」するための異なる方法を提供できます：

  • 使用して window.alert() 警告ボックスに書き込みます
  • 使用して document.write(); HTML出力に書き込みます
  • 使用して innerHTML HTML要素に書き込みます
  • 使用して console.log(); ブラウザのコンソールに書き込みます

innerHTMLを使用して

HTML要素にアクセスするには、JavaScriptは以下を使用できます： document.getElementById(id) 方法。

id 属性はHTML要素を定義します。innerHTML属性はHTML内容を定義します：

例

<!DOCTYPE html>
<html>
<body>
<h1>私の最初のウェブページ</h1>
<p>私の最初のパラグラフ</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

自分で試してみる

ヒント：HTML要素のinnerHTML属性を変更することは、HTMLでデータを表示する一般的な方法です。

document.write()を使用して。

テストのために、以下を使用します。 document.write(); 非常に便利です：

例

<!DOCTYPE html>
<html>
<body>
<h1>私の最初のウェブページ</h1>
<p>私の最初のパラグラフ</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

自分で試してみる

注意：HTMLドキュメントが完全に読み込まれた後に使用してください。 document.write(); をすべての既存のHTMLを削除します。 ：

例

<!DOCTYPE html>
<html>
<body>
<h1>私の最初のウェブページ</h1>
<p>私の最初のパラグラフ</p>
<button onclick="document.write(5 + 6)">試してみる</button>
</body>
</html>

自分で試してみる

ヒント：document.write(); このメソッドはテストのためにのみ使用されます。

window.alert()を使用して。

データを表示するために警告ボックスを使用できます：

例

<!DOCTYPE html>
<html>
<body>
<h1>私の最初のウェブページ</h1>
<p>私の最初のパラグラフ</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

自分で試してみる

console.log()を使用して。

ブラウザで、以下を使用できます。 console.log(); データを表示する方法。

ブラウザのコンソールをアクティブにするには、F12を押してメニューから「コンソール」を選択してください。

例

<!DOCTYPE html>
<html>
<body>
<h1>私の最初のウェブページ</h1>
<p>私の最初のパラグラフ</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

自分で試してみる