JavaScriptのプログラムはどこに書く |
|||||||||||||||
|
JavaScriptのプログラムはHTML文書のヘッダー部、ボディ部のどちらにも入力できます。 ヘッダー部に入力した例<HTML>
<HEAD>
<TITLE>JavaScriptサンプル01</TITLE>
<SCRIPT>
document.write("JavaScriptのサンプル01");
</SCRIPT>
</HEAD>
<BODY bgcolor="white">
<H1>JavaScriptサンプル01</H1>
</BODY>
</HTML>
この文書はこんな感じで表示されます。 ボディ部に入力した例<HTML>
<HEAD>
<TITLE>JavaScriptサンプル01</TITLE>
</HEAD>
<BODY bgcolor="white">
<H1>JavaScriptサンプル01</H1>
<SCRIPT>
document.write("JavaScriptのサンプル01");
</SCRIPT>
</BODY>
</HTML>
この文書はこんな感じで表示されます。 この二つの例の違いが分かりましたか?ヘッダー部に入力するとボディより先に実行され、ボディ部に入力すると入力された位置で実行されているのが分かります。 一般的にヘッダー部には関数を定義し、ボディ部ではそこに出力を表示するときに使います。 外部ファイルを利用する場合外部ファイル(xxxx.js)をインポートするときは次のように記述します。JavaScriptのファイルの拡張子は.jsです。 <SCRIPT src=”xxxx.js”></SCRIPT> オブジェクトJavaScriptではブラウザやHTML文書に関する情報をオブジェクトという概念で扱います。オブジェクトとは次の3つで構成されます。オブジェクトにはオブジェクトを含むことができます。
オブジェクトはオブジェクトやプロパティ、メソッド、イベントなどで構成され、階層的な構造となっています。 オブジェクト内のプロパティ、メソッド、イベントは次のようにピリオドでつないで表現します。 オブジェクト名.プロパティ名 オブジェクト名.メソッド名 オブジェクト名.イベント名 オブジェクト内にオブジェクトがある場合は次のように表現します。 オブジェクト名.オブジェクト名.プロパティ名 JavaScriptを利用するときの注意点
|
|
||||||||||||||