ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成,HTML基礎講座 EasyStudyHTML

ホームページ作成 HTML基礎講座 javascriptサンプル集

ホームページ作成・HTML基礎・スタイルシート(CSS)・javascript・SEO対策



javascriptサンプル集 clear.gif  
javascriptでフッターを一括管理
全ページに表示させる著作権表示など共通表示させるものに便利です。
通常一箇所でも修正があると全ページに対して修正をしなければなりませんが、別ファイルで管理しているのでそのファイルだけ修正すれば全ページに反映されます。

※ブラウザ側でjavascriptに対応してない場合やセキュリティの関係でOFFにしていると表示されない欠点もあります。
サンプルソース
<html>
<head>
<title>javascriptでフッターを一括管理</title>
</head>
<body>
サンプルテキスト
サンプルテキストサンプルテキスト
<!--フッター開始-->
<script language="javascript" src="footer.js"></script>
<!--フッター終了-->
</body>
</html>

※フッターを表示させたい箇所に<script>タグを記述して、src属性で別ファイルのfooter.jsを呼び出していますのでsrc属性のfooter.jsまでのパスは必要に応じて変更して下さい。

上記htmlソースのfooter.jsのソースの中身
document.write("<p><font size='3'>Copyright サイト名など All Rights Reserved.")
※シングルクォーテーションとダブルクォーテーションに気をつけて下さい。

ページトップへ
TOP | 利用規約(免責) | お問合せ

Agora