JavaScript 小技集1

  Linux ファースト サーバー構築マニュアル トップ

ここでは、自動で最終更新日をサイトに表示、ページ内リンク数の自動カウント、右クリック禁止、入室時に質問、サイトの好きな場所にリアルタイム時計を設置する方法を紹介しています。



【 1、LastUpdated(最終更新日)を自動で表示する 】
以下を表示させたい場所に記述してください。

<SCRIPT TYPE="text/javascript">
<!--
document.write("LastUpdated: " + document.lastModified);
// -->
</SCRIPT>

【 2、ページ内でのリンク数を自動でカウントする 】
以下を表示させたい場所に記述してください。

<SCRIPT type="text/javascript">
<!--
document.write("現在のリンク数は: ",+ document.links.length,"個です。<BR>");
//-->
</SCRIPT>

【 3、入室時に18才以上かなどの質問をする 】
以下を body内に記述してください。(body内ならどこでも構いません)

<SCRIPT type="text/javascript">
<!--
var nYn=confirm("あなたは18才以上ですか");
if(nYn) {alert("OKメッセージ");
}
else{alert("NGメッセージ");
}
//-->
</SCRIPT>

【 4、右クリックを禁止する(画像のコピーや保存を防ぐ) 】
以下を body内に記述してください。(body内ならどこでも構いません)

<SCRIPT type="text/javascript">
<!--
function right(e) {
if (( navigator.appName == 'Netscape' )
&& ((e.which == 3 )||( e.which == 2 ))) {
alert("右クリックは禁止です!");
return false ;
}
else if (( navigator.appName == 'Microsoft Internet Explorer' )
&&(( event.button == 2 )||( event.button == 3 ))) {
alert("右クリックは禁止です!");
return false ;
}
return true ;
}
document.onmousedown = right ;
if ( document.layers ) {
window.captureEvents( Event.MOUSEDOWN ) ;
}
window.onmousedown=right ;
//-->
</SCRIPT>

【 5、リアルタイム時計を表示する 】
以下を表示させたい場所に記述してください。

<SCRIPT type="text/javascript">
<!--
function Watch() {
now = new Date();
year = now.getYear();
month = now.getMonth()+1;
day = now.getDate();
hour = now.getHours();
minute = now.getMinutes();
second = now.getSeconds();
if (year < 1000) { year += 1900 }
if (hour < 10) { hour = '0' + hour }
if (minute < 10) { minute = '0' + minute }
if (second < 10) { second = '0' + second }
document.form.watch.value = year+'年' + month + '月' + day + '日 '
+ hour + ':' + minute + ':' + second;
setTimeout("Watch()",1000);
}

document.write('<FORM name=form><INPUT name=watch size=27></FORM>');
Watch();
//-->
</SCRIPT>

   

 → Linux サーバ構築マニュアル トップへ戻る



Copyright (c) 2007 linux.bakufu.org All Rights Reserved.