JavaScriptは、任意の組み込みの印刷や表示機能を持っていません。
JavaScriptが表示可能性
さまざまな方法でJavaScriptができ、「表示」データ:
- 使用して、警告ボックスへの書き込みwindow.alert()
- 使用してHTML出力への書き込みdocument.write()
- 使用して、HTML要素への書き込みinnerHTML 。
- 使用して、ブラウザのコンソールへの書き込みconsole.log() 。
使用window.alert()
あなたはデータを表示する警告ボックスを使用することができます。
例
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
»それを自分で試してみてください 使用document.write()
テスト目的のために、それを使用するのが便利であるdocument.write() 。
例
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
»それを自分で試してみてください 使用document.write() HTMLドキュメントが完全にロードされた後にすることは、 すべての既存のHTMLを削除します:
例
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
»それを自分で試してみてください document.write()メソッドは、テストのためだけに使用されるべきです。
使用innerHTML
HTML要素にアクセスするには、JavaScriptが使用できるdocument.getElementById(id)メソッドを。
id属性は、HTML要素を定義します。 innerHTMLプロパティは、HTMLコンテンツを定義します。
例
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
»それを自分で試してみてください HTMLにおける「表示データ」に、(ほとんどの場合)次の値に設定しますinnerHTMLプロパティを。
使用console.log()
お使いのブラウザでは、使用することができますconsole.log()データを表示する方法を。
F12ブラウザコンソールをアクティブにし、メニューの「コンソール」を選択します。
例
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
»それを自分で試してみてください