Step.35 - 秘密の裏口を設定する

Step.15 と Step.16 でパスワードをいれてリンクしましたがソースをみたらパスワードがバレてしまいます。
これは、裏口へのボタンがあるから、人間はなぜか覗きたくなってソースを見て解読してしまいます。
つまりページにそんな誘惑ボタンがなければソースを見ようとはしないわけです。
なんでもない挨拶文の文字に秘密の入り口を作ってみます。

Step テーマ
● onclick イベント

実行例

このたびは、Tatsuya's Home Page 「イヌでもわかるJavaScript講座」においでくださり、誠にありがとうございます。さて、本講座は、プログラミング知識がなくても、すぐにホームページに組み込んで使える実用サンプル型JavaScript講座で、あーだ、こーだ・・・・

※ 上の文章の「誠」の文字をクリックすると秘密のページへリンクします。

このたびは、Tatsuya's Home Page 「イヌでもわかるJavaScript講座」においでくださり、
<a onclick="location.href='secret.htm'">誠</a>
にありがとうございます。さて、本講座は、プログラミング知識がなくても、すぐにホームページに組み込んで使える実用サンプル型JavaScript講座で、あーだ、こーだ・・・・

サンプルだけの HTMLはこちらへ

説明

onclick を、<A> タグにいれて、「誠」という文字を囲っただけです。
<a onclick="location.href='secret.htm'">誠</a>

onclick は、<A>タグ以外にも、ほとんどのタグに使えます。
※ NN4は <A>タグしか使えません。

onclick、onmouseover 等の、on～の命令は、それを入れたタグで囲った文字等に有効です（反応します）。

えー、これ以上説明することがないので、専門用語をひとつ・・・
on～は、「イベント」と呼んでおります。言葉にしたら「イベントが発生した！」です。
onmouseover なら「指定範囲にマウスカーソルが侵入するというイベントが発生した」、略して、「マウスが乗った」です。　笑えんな (-o-;)

● 余談
裏口は「誠」だけでは、ありません。しばらくすると、秘密のホームページにたくさんの訪問者がやってきます。
ロボット型の検索エンジンがいるからです。
検索サイトで、「秘密」をキーワードに検索すると、「私の秘密のホームページへようこそ！」なんて、タイトル付きで、出たりします。 (^^;　使えんな (-o-;)

参考ステップ
Step.7 履歴移動ボタンをつくってみましょう　※ location.href
Step.15 パスワードを入力してリンクしてみましょう　※ パスワード関連
Step.16 パスワードを暗号化!? してみましょう　※ パスワード関連
Step.79 パスワードを入力してリンクしてみましょうその３　※ パスワード関連
Step.94 ダブルクリックでフローティングメニューを表示してみましょう　※ クリックイベント関連

▲TOP

ロボット対策

ロボットにデータ収集させないようにするためには、次のようなタグを<HEAD>タグ内に指定します。

<META name="robots" content="noindex , nofollow">
content="noindex" は、このページの情報収集を認めません。
content="nofollow" は、このページからリンクしているページの情報収集を認めません。

<META name="robots" content="index , follow">
は、その逆で、このページと、このページからリンクしているページの情報収集を許可します。

ちなみに、
<META name="keywords" content="キーワード">
を設定すれば、検索エンジンのキーワードを指定できます。キーワードはカンマ区切りで何個でも指定できます。
例 <META name="keywords" content="javascript,ジャバスクリプト,講座,サンプル,入門">

もちろん、すべてのロボットや検索エンジンが対応しているわけでは、ありません。

▲TOP

実行例

リスト

説明

ロボット対策