Late ran ラテラン は、ウェブクリエイターのためのキュレーションマガジン

メニュー
検索

2016/9/14更新

【第一回】1から始めるJs講座 〜Java Scriptの概要〜

1から始めるJs講座、第一回はJsの概要について解説していきます。

Java Scriptについて

Java Script(以下Js)は、Webブラウザ上で動作するスクリプト言語です。
Webページを記述するHTML内にプログラムを埋め込むことができるので
HTMLを扱う人にとっても学習しやすい言語です。

Java Scriptの記述

JsはHTMLに埋め込むことができる言語です。
記述するにはスクリプトタグで記述を挟みます。
これによりWebブラウザにJsの記述位置を知らせて実行することができます。

XHTMLではHTMLの場合とは若干異なり、Jsのコードを「CDATAセエクション」と呼ばれるタグで囲む必要があります。

Jsでは行の終わりには必ず「セミコロン( ; )」を記述します。
またJsは大文字と小文字を区別します。

Jsの記述場所

基本的にはどこに記述しても良いのですが、
通常は3通りの方法をとります。

1 headタグの中
2 bodyタグの中
3 外部ファイル読み込み

HTMLは上から下へと読み込まれていくので
上に記述されているものから実行されていきます。
HTMLの読み込みが始まる前に実行させたいスクリプトは、
headタグの中に記述しましょう。

コメントアウト

コメントを一行挿入する場合、先頭に( / )を2つ記述します。

コメントを複数行で記述する場合はCSSのように
( /*)と(*/)で挟みます。

プログラムの作成

それでは早速プログラムを記述してみましょう。
テキストエディタ等を利用し、まずはHTMLを記述します。

そしてheadタグの中にJsを記述します。
今回は「Hello World !」と書かれた警告ウィンドウを表示させるプログラムを記述してみます。

どうでしょうか?
ブラウザ上にHello World ! と書かれた警告ウィンドウが出てきたはずです。

今回の講座で、Jsの第一歩を踏み出せたかと思います。
次回はさらに具体的な文法等について解説していきたいと思います。

Search