作ったJavaScript(関数)を呼び出して表示する

最後に、前ページで作成したJavaScriptを使って、「今日のおすすめ」欄を表示させましょう。 HTML内で「今日のおすすめ」欄を表示させたい位置に、下記のソースを記述します。 (ページ内にいくつでも書けます。)

<script type="text/javascript"><!--
   DailyImageLink();
// --></script>

上記のソースに続けて、以下のような感じで「JavaScriptが使えない環境で閲覧された場合」用の記述も加えておきましょう。

<noscript>
   <p><a href="list.html">お勧めリストへ</a></p>
</noscript>

noscript要素の内容は、スクリプトが実行できない環境でのみ表示されます。 上記では、お勧めしたいページのリストを記述した「list.html」というページがあるとして、そこへのリンクを表示させています。 スクリプトが実行できなくても、望みのページへ誘導できる(もしくは望みの画像が表示できる)ように書いておきましょう。

ソースのまとめと装飾

これで、「今日のおすすめ」欄を作る作業は完了です。

次のページに、すべてのソースをまとめて掲載しておきます。コピー&ペーストして使ってみる際などにご活用下さい。

すべてのソースのまとめへ >>