最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript輸出


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>
»それを自分で試してみてください