JavaScript ファイルの外出し

JavaScriptファイルの外出し

自分のホームページ（HTMLファイル）をメモ帳で開いてみましょう。
以下のような英数字の文字列が表示されると思います。
必要な部分を必要な場所にコピー、ペーストするだけの簡単作業で、あなたのホームページにも取り付け可能です。
必要な部分を赤字にしてありますので、マウスで選択し、右クリックして「コピー」しましょう。
尚、大文字・小文字は関係ありません。

＜サンプル＞

第3章第2部のタイムメッセージを使用して、<HEAD>タグ内の記述を別のファイルに外出ししてみます。
この作業を行なうと、HTMLファイルがスッキリします。Script記述が多くなる場合は効果的です。

-----------------------------　ここからHTML本文①　-----------------------------

<HTML>　←必ず最初に記述があります。（1行目か2行目あたり）

<HEAD>　←必ず記述がどこかにあります。（比較的上の方）ここから下の赤字部分を、<HEAD>～</HEAD>の間に記述します。

<Script Language="JavaScript" src="hour_message.js"></Script>　←"hour_message.js"の部分は外出しファイルのファイル名。拡張子は「.js」です。

</HEAD>

<BODY>　←比較的上のほうにあります。（<HEAD>タグの少し下あたり）ここから下の赤字部分を、<BODY>～</BODY>の間で、表示したい場所に記述します。

<Script Language="JavaScript">

</Script>

</BODY>

</HTML>

-----------------------------　ここまでHTML本文　-----------------------------
-----------------------------　ここからJavaScript本文（hour_message.js）　-----------------------------

<!--
var m0 = "深夜0時をまわりました。"
var m1 = "深夜1時です。まだ寝なくても大丈夫ですか？"
var m2 = "もう深夜2時をまわっていますよ。"
var m3 = "深夜3時です。毎日遅くまで起きているのは体に良くないですよ。"
var m4 = "もう4時です。そろそろ朝刊が届きますね。"
var m5 = "おはようございます。5時になりました。"
var m6 = "おはようございます。6時をまわりましたよ。"
var m7 = "おはようございます。7時をまわりました。もうすぐテレホタイム終了です。"
var m8 = "おはようございます。8時です。テレホタイム終了していますよ。"
var m9 = "おはようございます。9時になりました。今日も張り切って行きましょう！"
var m10 = "おはようございます。10時を過ぎています。たまには仕事も息抜きしてください。"
var m11 = "こんにちは。11時をまわりました。今日のお昼は何を食べますか？"
var m12 = "こんにちは。今日のお昼は何を食べましたか？"
var m13 = "こんにちは。13時ですよ。もう昼休みは終わってますよ。"
var m14 = "こんにちは。今日はどんな事をして過ごしてますか？"
var m15 = "こんにちは。そろそろお茶にしませんか？"
var m16 = "こんにちは。仕事ははかどっていますか？"
var m17 = "お疲れさま。さぁラストスパート！もう一息頑張りましょう！"
var m18 = "もう外が暗くなってきましたね。これから晩御飯ですか？"
var m19 = "こんばんは。今日の晩御飯は何ですか？"
var m20 = "こんばんは。今日も一日お疲れさまでした。"
var m21 = "こんばんは。まだテレホーダイの時間まで少しありますけど、我慢できませんよね。"
var m22 = "夜10時をまわりました。まだテレホーダイの時間じゃないですよ。大丈夫ですか？"
var m23 = "夜11時です。さぁ、テレホーダイの時間です！とことんネットしてください！"

function timeMsg(){
day = new Date();
hour = day.getHours();
if (hour <= 0) { document.write(m0) }
else
if (hour <= 1) { document.write(m1) }
else
if (hour <= 2) { document.write(m2) }
else
if (hour <= 3) { document.write(m3) }
else
if (hour <= 4) { document.write(m4) }
else
if (hour <= 5) { document.write(m5) }
else
if (hour <= 6) { document.write(m6) }
else
if (hour <= 7) { document.write(m7) }
else
if (hour <= 8) { document.write(m8) }
else
if (hour <= 9) { document.write(m9) }
else
if (hour <= 10) { document.write(m10) }
else
if (hour <= 11) { document.write(m11) }
else
if (hour <= 12) { document.write(m12) }
else
if (hour <= 13) { document.write(m13) }
else
if (hour <= 14) { document.write(m14) }
else
if (hour <= 15) { document.write(m15) }
else
if (hour <= 16) { document.write(m16) }
else
if (hour <= 17) { document.write(m17) }
else
if (hour <= 18) { document.write(m18) }
else
if (hour <= 19) { document.write(m19) }
else
if (hour <= 20) { document.write(m20) }
else
if (hour <= 21) { document.write(m21) }
else
if (hour <= 22) { document.write(m22) }
else
if (hour <= 23) { document.write(m23) }
}
//-->

-----------------------------　ここまでJavaScript本文　-----------------------------

-----------------------------　ここからHTML本文（上記と同じ内容）　-----------------------------

<HTML>　←必ず最初に記述があります。（1行目か2行目あたり）

<HEAD>　←必ず記述がどこかにあります。（比較的上の方）ここから下の赤字部分を、<HEAD>～</HEAD>の間に記述します。

<Script Language="JavaScript">
<!--
var m0 = "深夜0時をまわりました。"
var m1 = "深夜1時です。まだ寝なくても大丈夫ですか？"
var m2 = "もう深夜2時をまわっていますよ。"
var m3 = "深夜3時です。毎日遅くまで起きているのは体に良くないですよ。"
var m4 = "もう4時です。そろそろ朝刊が届きますね。"
var m5 = "おはようございます。5時になりました。"
var m6 = "おはようございます。6時をまわりましたよ。"
var m7 = "おはようございます。7時をまわりました。もうすぐテレホタイム終了です。"
var m8 = "おはようございます。8時です。テレホタイム終了していますよ。"
var m9 = "おはようございます。9時になりました。今日も張り切って行きましょう！"
var m10 = "おはようございます。10時を過ぎています。たまには仕事も息抜きしてください。"
var m11 = "こんにちは。11時をまわりました。今日のお昼は何を食べますか？"
var m12 = "こんにちは。今日のお昼は何を食べましたか？"
var m13 = "こんにちは。13時ですよ。もう昼休みは終わってますよ。"
var m14 = "こんにちは。今日はどんな事をして過ごしてますか？"
var m15 = "こんにちは。そろそろお茶にしませんか？"
var m16 = "こんにちは。仕事ははかどっていますか？"
var m17 = "お疲れさま。さぁラストスパート！もう一息頑張りましょう！"
var m18 = "もう外が暗くなってきましたね。これから晩御飯ですか？"
var m19 = "こんばんは。今日の晩御飯は何ですか？"
var m20 = "こんばんは。今日も一日お疲れさまでした。"
var m21 = "こんばんは。まだテレホーダイの時間まで少しありますけど、我慢できませんよね。"
var m22 = "夜10時をまわりました。まだテレホーダイの時間じゃないですよ。大丈夫ですか？"
var m23 = "夜11時です。さぁ、テレホーダイの時間です！とことんネットしてください！"

戻る