外部ファイルの読み込み:JAVAスプリクト初心者入門講座


JavaScript初心者さんの入門書です

外部ファイルの読み込み

例えばC言語においては、関数の定義などを、外部ファイルに定義して、それをプログラム中の#includeで読み込むことにより、実際に定義したのと同じようにプログラム内で使うことが出来るというテクニックがあります。

JAVAスプリクトにおいても、関数等を外部ファイルに定義して、読み込んで使うことが出来ます。さっそく簡単な関数を外部ファイルで定義してみましょう。

まずは適当にメモ帳などのエディタを立ち上げます。次にソースを記述しますが、ここで注意です。 外部ファイルで定義するときは、HTMLソースに書いたときのような、

<script type="text/javascript">
<!--
//-->
</script>

この一連のタグを入力する必要はありません。直接プログラムを書いてもよいと言うことです。

では、次の関数を定義します。

function Sum(){
var a = 10;
var b = 5;
var c = a + b;
document.write("a + bは"+c+"です\n");
}

記述したら、そのファイルを sample.js というファイル名を拡張子で保存しましょう。


さて、次はHTML内での記述です。ここで注意ですが、外部ファイルを読み込むときは、<head>タグ内の<script>タグに以下のように付け加えます。

<script type="text/javascript" src="sample.js">

src="sample.js" がC言語でいう#includeの働きをしていると思って下さい。また、関数を定義しているため、<head>タグ内の<script>タグです。間違えて<body>タグ内の<script>タグに記述しないように気をつけましょう。


そうしたら、コードの記述部分に・・・

Sum();

として、HTMLファイルを開いてみましょう。 どうでしょうか。画面には a + b は15ですと表示されましたか?

外部ファイルの利用は、本体のプログラムを見やすく簡素な物にするためにも、有効的に使うようにしましょう。

カテゴリー:応用編

「外部ファイルの読み込み」は参考になりましたか?

外部ファイルの読み込み:関連記事

簡単な電卓を作ってみる
JAVAスプリクトでは、なんと電卓も作ることが出来ます。その気になれば、皆さんがよく目にする数字の...

お気に入りに追加する機能を作る
皆さんは、Webページを巡回しているときに、ふと「お気に入りに追加」などというボタンをみかけたこと...

ページの移動時にメッセージを表示してみる
普通、というかほとんどのページではそうですが、ページを移動するときには、リンクをクリックすればすぐ...

おみくじを作ってみる
さて、JAVAスプリクトでおみくじを作ってみましょう。ビジターは、ページを訪れる度に、大吉から大凶...

マウスクリックで画像を変えてみる
何かをクリックしたら、何かの処理が起こる、という手法は、様々な場面で使われます。多くの場合、そのク...

簡単なパスワード認証
会員制サイトや、HPやブログの管理者ページでは、パスワード認証をして初めて見られるようになるという...

ちょっとした視覚効果
JAVAスプリクトを使って本当にちょっとした視覚効果をやってみましょう。視覚効果といっても、たいし...

プルダウンメニューの表示
リンクの多いページによっては、そのリンク先をプルダウンメニューなどを使って選ばせて、そうしてリンク...

右クリックの禁止
右クリックの禁止の設定は、画像を載せていたり、MIDIを流すようなサイト等に多いですが、そういった...

文字の解説を表示
Webサイトを見ていたときに、ふと気になった単語にマウスカーソルを当てると、その言葉の注釈のような...

時間のカウント
アップローダーからファイルをダウンロードするとき、残り何秒お待ち下さい、などという表示がでて、その...

モニタの大きさを取得
モニタの大きさを取得することは、Webページを作る上では重要なことです。たとえば、ある画像を表示さ...

ブラウザ別にメッセージを表示
InternetExplorerやFirefoxなど、皆さんが使っているブラウザのほとんどは、OS...

アラートを使った簡単なクイズ
JAVAスプリクトは、応用次第ではゲームも作ることが出来ます。今回は、ボタンとアラートを使って簡単...

ボタンを押してアラートを表示させる
皆さんは既に、ブラウザのソースに記述して、ページを開いたらそれが実行されるタイプのJAVAスクリプ...