JavaScript サンプル：『ページが読み込みが終わらないとリンクが機能しなくしてみる』

● Web覚書トップ > JavaScript サンプル > 『ページが読み込みが終わらないとリンクが機能しなくしてみる』

説明

リンクを、そのページの読みこみが終了しないと使えないようにしてみます。

実行例

▼ページの読みこみが終わる前にクリックしてみてください（無理かも）

ココをクリックしてみてください（JavaScript サンプルに飛びます）
ココもクリックしてみてください（Web覚書トップに飛びます）

コード

<SCRIPT laguage="JavaScript">
<!--
var flag = false;
// -->
</SCRIPT>

<BODY onLoad="flag=true;">
<A href="xxx.html" onClick="return flag;">ココ</A>

解説＆ステップアップ

あらかじめ<HEAD>～</HEAD>部で、フラグとして用いる変数に「false」を入れておきます。そして、<A>の「onClick」イベントで「return フラグ」としておけば、<BODY>の「onLoad」イベントでフラグが「true」になるまでは、リンクとして機能しなくなります。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)