HTMLのインクルード（ファイルの読み込み）・・javascript

PHPやSSIでのでインクルード方法ではなくjavascriptで読み込む方法。
これは簡単で便利ですのでメモ。
以下サイトから2つのjavascriptをダウンロードして、「class=”codeexample”」を追加してリンクタグでhtmlファイルを読み込むだけです。
参考サイト：　My Color　「ダンクハーツ-谷春樹Blog-」
javascriptダウンロードはこちら
例）ヘッダー（header.html）サイドバー（sidebar.html）をインクルード

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>javascriptでHTMLのインクルード</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>
<script type="text/javascript" src="ajaxcodedisplay-or.js"></script>
</head>
<p><body>
	<a href="header.html" class="codeexample"></a>
	<div id="content">
			<p>HTMLのインクルード</p>
	</div>
	<a href="sidebar.html" class="codeexample"></a>
</body>
</html>

HTMLのインクルード（ファイルの読み込み）・・javascript

この記事をご覧なった方はこちらもご覧になっています

関連記事

コメントを残す