８・オマケのJavaScriptサンプル集


よく使いそうなものを少しだけ載せてみました。
そのままコピペして使って下さいね。
そのまんまやんってモノは、説明入れてません。


最終更新日時を表示する

このページの最終更新日は
<SCRIPT language='JavaScript'>
<!--
document.write(document.lastModified);
// -->
</SCRIPT>
です。


現在時刻を表示する

現在の時刻は
<SCRIPT language='JavaScript'>
<!--
today = new Date()
document.write('現在時刻：'+today.getYear()+'年'+(today.getMonth()+1)+'月'+today.getDate()+'日　'+today.getHours()+'時'+today.getMinutes()+'分'+today.getSeconds()+'秒')
//-->
</SCRIPT>
です。


プルダウンメニューを作る

<script language="JavaScript"><!--
function myGo(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href =
document.myForm.myMenu.options[mySelect].value;
}
// --></script>

<form name="myForm">
<select name="myMenu">
<option value="ここに、現在のページのファイル名（○○.html）を入れる">ここに、はじめに表示される文字（コンテンツメニューなど）を入れる
<option value="ここに、GOボタンを押して飛ぶ先のページのファイル名（○○.html）を入れる">ここに、GOボタンを押して飛ぶ先のページ名を入れる

</select>
<input type="button" value="ここに、ボタンに表示される文字（GOなど）を入れる" onClick="myGo()">
</form>

<option value="ここに、GOボタンを押して飛ぶ先のページのファイル名（○○.html）を入れる">ここに、GOボタンを押して飛ぶ先のページ名を入れる
を増やせば、選べるメニューの数が増えます。
ちょっとわかりずらいので、【例】を書いてみましょう。

<script language="JavaScript"><!--
function myGo(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href =
document.myForm.myMenu.options[mySelect].value;
}
// --></script>

<form name="myForm">
<select name="myMenu">
<option value="java.html"> コンテンツメニュー
<option value="1kihon.html"> １・HTML基本形〜背景・フォント色・リンク色の設定

</select>
<input type="button" value="GO" onClick="myGo()">
</form>

　　　　↓結果



お気に入りに追加ボタンを作る

これは２ヶ所に分けて入れなきゃいけないんですが、
まず、HTML基本形の</title></head>の間に、

<SCRIPT Language="JavaScript">
function お気に入りに追加()
{
window.external.AddFavorite("ここにHPのURLを入れる","ここにHPタイトルを入れる")
}

// -->
</script>

を入力します。
ＨＰタイトルは、お気に入りに登録される文字になります。
それから<body></body>の中の、お気に入りに追加ボタンを入れたい場所に

<FORM>
<INPUT TYPE="button" value="ここに、ボタンに表示される文字（お気に入りに追加ボタンなど）を入れます" onClick="お気に入りに追加()">
</FORM>

を入力します。


戻る・進む・ＴＯＰページに行くボタンを作る

下の戻るボタンに、進むボタンとＴＯＰページに行くボタンを足したものです。
<form>
<input type="button" value="戻る" onclick="history.back()">
<input type="button" value="進む" onclick="history.forward()">
<input type="button" value="ＴＯＰページに行く" onclick="location.href='ここに、ＴＯＰページのＵＲＬを入れる'">
</form>