リンク文字をクリックした時にアラートを表示させよう
表示の例
トップページへGO!
 GO!の文字をクリックすると、OKとキャンセルのボタンがついたアラートが表示されます。
OKボタンをクリックした時だけジャンプします。
プログラムAのソースをコピーして、リンク文字を表示するページのHTMLソースのHEAD区間に貼り付けしましょう。
プログラムAのソース
<SCRIPT LANGUAGE="JavaScript">
<!--
function link1(){
if(confirm('ブラウザの「BACK」ボタンで戻ってくださいね。')){
location.href='java_top.html';
}
}
//-->
</SCRIPT>
プログラムAのソースの上から4行目の ブラウザの「BACK」ボタンで戻ってくださいね。 がアラートに表示されるコメントですから、あなたの好きなコメントにかえてください。
5行目の location.href='java_top.html'; の java_top.html がリンク先のアドレスですから、OKボタンがクリックされた時にジャンプする先のアドレスにかえてくださいね。
プログラムBのソースをコピーして、リンク文字を表示させたい場所のHTMLソースのBODY区間に貼り付けしましょう。
プログラムBのソース
<font color="#666666">トップページへ</font><a href="#" onClick="JavaScript:link1();return false"><font color="#666666">GO!</font></a>
トップページへ の部分は普通のテキストで、GO!の部分がリンク文字ですから、それぞれをあなたの好きな文字にかえてください。
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。
5・6年生にもわかるやさしいJavaScriptのTOPへ