HTML - JavaScript jQuery - インクルード
- 1. 概要
- 2. インクルード
1. 概要
コンテンツページが、増えてきて、共通的に使う「JavaScript」があって、その関数がだんだん大きくなってくると・・・。
いちいち、「.html」もしくはテンプレートに書き込むのも面倒だし。
外だしして、インクルードしたくなるのは、人情ってもんです。
本ページは、下記のサイトを参考にさせていただきました。
「Javascript で簡単に更新!ヘッダーやフッターなどの共通部分を簡単に更新する方法!」
2. インクルード
まぁ、参考サイトの通りに書きますが・・・。
「.html」に
<script src="パス/ファイル名.js"></script>
てなことを書けば、「ファイル名.js」の中身をそこに書き込んだのと同様になるってこってす。
で、「ファイル名.js」内に
function 関数名(引数)
{
・・・ 略 ・・・
}
てなことを書いておいて、「.html」で
<script>関数名();</script>
と書いておけば、記述した関数を実行することができます。
|
|