更新日: 2017年03月30日
公開日: 2015年12月05日

ゼロから始めるJavaScript講座Vol02　JavaScriptの基本文法

ゼロから始めるJavaScript講座JavaScriptの基本文法
アラート
文字を表示
コメント
課題

ゼロから始めるJavaScript講座JavaScriptの基本文法

アラート

お手本に従いJavaScriptの代表的な機能であるアラートにより「Hello World」と表示するプログラムを実際に作成してみましょう。

ファイル名: alert.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>アラート</title>
    <script>
        alert('Hello World');
    </script>
</head>
<body>
</body>
</html>

動作サンプル:alert.html

作成したファイルをブラウザで閲覧すると、ダイアログと呼ばれる枠が立ち上がり、この中にHello Worldという文字が表示されます。

JavaScriptはHTMLのscript要素の中に記述します。

script要素はhead要素の中に記述することが多いですが、body要素の中に記述することも可能です。

JavaScriptには色々な機能が用意されており、今回はアラートを利用しました。

script要素の中に記述しています。

alert()は警告やメッセージを伝えるためのアラートダイアログを表示する命令文です。括弧内に記載した文字を表示します。このような命令文のことをメソッドと呼びます。

セミコロンは、処理(文)の終わりを意味します。alertメソッドは「ダイアログを表示する」という処理であり、「この処理はここまでです」とコンピュータに伝えてあげる役割を持ちます。よって命令の区切りとして「1つの処理に対して1つセミコロン」が必要になります。

また表示する文字は「'(シングルクォート)」又は「”(ダブルクォート)」で囲む必要があります。2つに違いはないため、好みでどちらかを利用しましょう。

文字を表示

今度はWebページ上に「Hello World」と表示するプログラムを作成してみましょう。

ファイル名: document_write.html


<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>文字を表示</title>
</head>
<body>
    <script>
        document.write('Hello World');
    </script>
</body>
</html>