HTMLのインクルード(ファイルの読み込み)・・javascript

投稿者: | 2011/04/01

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>

関連記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)