Skip to content

Instantly share code, notes, and snippets.

@maru0014

maru0014/index.html

Last active October 27, 2015 13:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save maru0014/c77bdea0e4228451afe6 to your computer and use it in GitHub Desktop.
Save maru0014/c77bdea0e4228451afe6 to your computer and use it in GitHub Desktop.
Download ZIP
jQueryのloadメソッドでパーツを読み込み2
Raw
index.html
<!DOCTYPE HTML>
<html lang="ja">
<head>
<!-- jquery読み込み　Ver.1.8.3 -->
<script src="js/jquery.min.js"></script>
<script>
//共通パーツ読み込み
$(function() {
$("#header").load("header.html");
$("#side").load("side.html");
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<div id="header">
ここにheader.htmlが読み込まれる
</div>
<div id="side">
ここにside.htmlが読み込まれる
</div>
<div id="main">
メインコンテンツは直接記述
</div>
<div id="footer">
ここにfooter.htmlが読み込まれる
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment